diff --git a/packages/nc-gui/components/workspace/CollaboratorsList.vue b/packages/nc-gui/components/workspace/CollaboratorsList.vue
index 388d2c2487..143e0fdbfa 100644
--- a/packages/nc-gui/components/workspace/CollaboratorsList.vue
+++ b/packages/nc-gui/components/workspace/CollaboratorsList.vue
@@ -5,7 +5,7 @@ const props = defineProps<{
   workspaceId?: string
 }>()
 
-const { workspaceRoles, loadRoles } = useRoles()
+const { workspaceRoles } = useRoles()
 
 const workspaceStore = useWorkspace()
 
@@ -97,7 +97,6 @@ const accessibleRoles = computed<WorkspaceUserRoles[]>(() => {
 })
 
 onMounted(async () => {
-  await loadRoles(undefined, {}, currentWorkspace.value?.id)
   loadSorts()
 })
 </script>
diff --git a/packages/nc-gui/components/workspace/View.vue b/packages/nc-gui/components/workspace/View.vue
index 776fb8cbd7..05ab7f4ac4 100644
--- a/packages/nc-gui/components/workspace/View.vue
+++ b/packages/nc-gui/components/workspace/View.vue
@@ -11,6 +11,8 @@ const route = router.currentRoute
 const { isUIAllowed } = useRoles()
 
 const workspaceStore = useWorkspace()
+
+const { loadRoles } = useRoles()
 const { activeWorkspace: _activeWorkspace, workspaces } = storeToRefs(workspaceStore)
 const { loadCollaborators, loadWorkspace } = workspaceStore
 
@@ -28,6 +30,7 @@ const currentWorkspace = computedAsync(async () => {
   } else {
     ws = _activeWorkspace.value
   }
+  await loadRoles(undefined, {}, ws?.id)
   return ws
 })