diff --git a/src/authz-module/index.scss b/src/authz-module/index.scss
index ab98fc3..790adc8 100644
--- a/src/authz-module/index.scss
+++ b/src/authz-module/index.scss
@@ -29,7 +29,7 @@
font-weight: var(--pgn-typography-font-weight-base);
}
- svg {
+ .pgn__icon {
width: var(--pgn-size-icon-xs);
height: var(--pgn-size-icon-xs);
}
diff --git a/src/authz-module/libraries-manager/LibrariesTeamManager.test.tsx b/src/authz-module/libraries-manager/LibrariesTeamManager.test.tsx
index eb19df2..be558e3 100644
--- a/src/authz-module/libraries-manager/LibrariesTeamManager.test.tsx
+++ b/src/authz-module/libraries-manager/LibrariesTeamManager.test.tsx
@@ -1,4 +1,5 @@
-import { fireEvent, screen } from '@testing-library/react';
+import { screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
import { renderWrapper } from '@src/setupTest';
import { initializeMockApp } from '@edx/frontend-platform/testing';
import { useLibrary } from '@src/authz-module/data/hooks';
@@ -96,11 +97,13 @@ describe('LibrariesTeamManager', () => {
});
it('renders role cards when "Roles" tab is selected', async () => {
+ const user = userEvent.setup();
+
renderWrapper();
// Click on "Roles" tab
const rolesTab = await screen.findByRole('tab', { name: /roles/i });
- fireEvent.click(rolesTab);
+ await user.click(rolesTab);
const roleCards = await screen.findAllByTestId('role-card');
diff --git a/src/authz-module/libraries-manager/LibrariesTeamManager.tsx b/src/authz-module/libraries-manager/LibrariesTeamManager.tsx
index fda4dde..dd9fc2c 100644
--- a/src/authz-module/libraries-manager/LibrariesTeamManager.tsx
+++ b/src/authz-module/libraries-manager/LibrariesTeamManager.tsx
@@ -57,7 +57,7 @@ const LibrariesTeamManager = () => {
{!libraryRoles ? : null}
{libraryRoles && libraryRoles.map(role => (