diff --git a/frontend/src/utils/permissions.ts b/frontend/src/utils/permissions.ts
index 7ebcf36d5f..ca60843754 100644
--- a/frontend/src/utils/permissions.ts
+++ b/frontend/src/utils/permissions.ts
@@ -13,8 +13,8 @@ import cloneDeep from 'lodash.clonedeep';
 
 export const getRoleKey = (permission: IPermission): string => {
     return permission.environment
-        ? `${permission.id}-${permission.environment}`
-        : `${permission.id}`;
+        ? `${permission.name}-${permission.environment}`
+        : `${permission.name}`;
 };
 
 export const permissionsToCheckedPermissions = (