diff --git a/src/realm-roles/AssociatedRolesModal.tsx b/src/realm-roles/AssociatedRolesModal.tsx
index 012fc07ff3..aca8eff584 100644
--- a/src/realm-roles/AssociatedRolesModal.tsx
+++ b/src/realm-roles/AssociatedRolesModal.tsx
@@ -7,7 +7,7 @@ import { useAdminClient } from "../context/auth/AdminClient";
 import RoleRepresentation from "keycloak-admin/lib/defs/roleRepresentation";
 import { KeycloakDataTable } from "../components/table-toolbar/KeycloakDataTable";
 import { ListEmptyState } from "../components/list-empty-state/ListEmptyState";
-import { boolFormatter } from "../util"
+import { boolFormatter } from "../util";
 
 export type AssociatedRolesModalProps = {
   open: boolean;
@@ -40,10 +40,10 @@ export const AssociatedRolesModal = (props: AssociatedRolesModalProps) => {
 
   const loader = async () => {
     const allRoles = await adminClient.roles.find();
-    const roles = allRoles.filter(x => x.name != name)
- 
-     return roles;
-   }
+    const roles = allRoles.filter((x) => x.name != name);
+
+    return roles;
+  };
 
   useEffect(() => {
     (async () => {
diff --git a/src/realm-roles/RealmRoleForm.tsx b/src/realm-roles/RealmRoleForm.tsx
index ae1f12a675..a343315fe5 100644
--- a/src/realm-roles/RealmRoleForm.tsx
+++ b/src/realm-roles/RealmRoleForm.tsx
@@ -87,4 +87,4 @@ export const RealmRoleForm = ({
       </ActionGroup>
     </FormAccess>
   );
-};
\ No newline at end of file
+};
diff --git a/src/realm-roles/RealmRolesSection.tsx b/src/realm-roles/RealmRolesSection.tsx
index 756b27a92c..058da08120 100644
--- a/src/realm-roles/RealmRolesSection.tsx
+++ b/src/realm-roles/RealmRolesSection.tsx
@@ -71,7 +71,6 @@ export const RealmRolesSection = () => {
     },
   });
 
-
   const goToCreate = () => history.push(`${url}/add-role`);
   return (
     <>
@@ -96,7 +95,7 @@ export const RealmRolesSection = () => {
                 setSelectedRole(role);
                 toggleDeleteDialog();
               },
-            }
+            },
           ]}
           columns={[
             {