diff --git a/src/components/PermissionItems.vue b/src/components/PermissionItems.vue
index 4006daf..c58f6f8 100644
--- a/src/components/PermissionItems.vue
+++ b/src/components/PermissionItems.vue
@@ -21,14 +21,14 @@
 
   <template v-if="arePermissionsAvailable()">
     <div v-for="(group, groupId) in filteredPermissions" :key="groupId">
-      <ion-item-divider v-if="group.groupId !== 'SGC_HIDDEN' && group.permissions.length" class="ion-margin-vertical" color="light">
+      <ion-item-divider v-if="group.permissions.length" class="ion-margin-vertical" color="light">
         <ion-label>
           {{ group.groupName || group.groupId }}
         </ion-label>
         <ion-note slot="end">{{ group.permissions.length }}</ion-note>
       </ion-item-divider>
 
-      <section v-if="group.groupId !== 'SGC_HIDDEN'">
+      <section>
         <ion-card v-for="permission in group.permissions" :key="permission.permissionId" button @click="updatePermissionAssociation(permission)">
           <ion-card-header>
             <div>
diff --git a/src/store/modules/permission/getters.ts b/src/store/modules/permission/getters.ts
index b1e9c38..e58b7ae 100644
--- a/src/store/modules/permission/getters.ts
+++ b/src/store/modules/permission/getters.ts
@@ -36,6 +36,9 @@ const getters: GetterTree<PermissionState, RootState> = {
       })
     }
 
+    // Remove the hidden permissions so to not display them on the UI
+    delete groupType["SGC_HIDDEN"];
+
     return groupType
   },
   getQuery(state) {