diff --git a/src/authz-module/components/ResourceTooltip.tsx b/src/authz-module/components/ResourceTooltip.tsx
index 4aceeaac..4faa2c22 100644
--- a/src/authz-module/components/ResourceTooltip.tsx
+++ b/src/authz-module/components/ResourceTooltip.tsx
@@ -17,14 +17,14 @@ const ResourceTooltip = ({ resourceGroup }:ResourceTooltipProps) => (
{resourceGroup.description}
{resourceGroup.permissions.map(permission => (
- - {permission.label.trim()}: {permission.description}
+ - {permission.label.trim()}: {permission.description}
))}
)}
>
-
+
);
diff --git a/src/authz-module/components/TableCells.tsx b/src/authz-module/components/TableCells.tsx
index 42146cbb..246326ac 100644
--- a/src/authz-module/components/TableCells.tsx
+++ b/src/authz-module/components/TableCells.tsx
@@ -108,11 +108,14 @@ const ScopeCell = ({ row }: CellProps) => {
);
};
-const RoleCell = ({ value, cell }: ExtendedCellProps) => (
-
- {MAP_ROLE_KEY_TO_LABEL[value] || ''}
-
-);
+const RoleCell = ({ value, cell }: ExtendedCellProps) => {
+ const { key, ...cellProps } = cell.getCellProps({ 'data-role': MAP_ROLE_KEY_TO_LABEL[value] || '' });
+ return (
+
+ {MAP_ROLE_KEY_TO_LABEL[value] || ''}
+
+ );
+};
const PermissionsCell = ({ row }: CellProps) => {
const { formatMessage } = useIntl();