diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/ListPage/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/ListPage/index.js
index 8fe3fe627b..58882235f2 100644
--- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/ListPage/index.js
+++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/ListPage/index.js
@@ -20,7 +20,7 @@ import { useIntl } from 'react-intl';
 import { useHistory } from 'react-router';
 import RoleRow from './components/RoleRow';
 import EmptyRole from './components/EmptyRole';
-import UpgradePlanModal from '../../../../../components/UpgradePlanModal';
+import UpgradePlanModal from '../../../../../components/UpgradePlanModal ';
 import { useRolesList } from '../../../../../hooks';
 
 const useSortedRoles = () => {
@@ -186,7 +186,7 @@ const RoleListPage = () => {
         </Table>
         {!rowCount && !isLoading && <EmptyRole />}
       </ContentLayout>
-      <UpgradePlanModal isOpen={isModalOpen} onToggle={handleToggle} />
+      <UpgradePlanModal isOpen={isModalOpen} onClose={handleToggle} />
     </Main>
   );
 };
diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/ListPage/tests/index.test.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/ListPage/tests/index.test.js
index 0fdf7acc43..0ee121cf2f 100644
--- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/ListPage/tests/index.test.js
+++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/ListPage/tests/index.test.js
@@ -400,10 +400,6 @@ describe('<ListPage />', () => {
         border: none;
       }
 
-      .c37 {
-        font-family: Lato;
-      }
-
       <main
         aria-labelledby="title"
         class="c0"
@@ -612,9 +608,6 @@ describe('<ListPage />', () => {
             </div>
           </div>
         </div>
-        <div
-          class="c37"
-        />
       </main>
     `);
   });