From 9e3dcc120c32a4b5c52e0f0b9816008adc5e956c Mon Sep 17 00:00:00 2001
From: sreehari jayaraj <sreeharivijaya2003@gmail.com>
Date: Wed, 4 Oct 2023 17:51:55 +0000
Subject: [PATCH] fix: seletor taking too much space

---
 .../components/workspace/CollaboratorsList.vue    | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/packages/nc-gui/components/workspace/CollaboratorsList.vue b/packages/nc-gui/components/workspace/CollaboratorsList.vue
index 3ae6eedacf..5d49a594ed 100644
--- a/packages/nc-gui/components/workspace/CollaboratorsList.vue
+++ b/packages/nc-gui/components/workspace/CollaboratorsList.vue
@@ -80,12 +80,15 @@ onMounted(async () => {
             <div class="date-joined-grid w-2/8">{{ timeAgo(collab.created_at) }}</div>
             <div class="user-access-grid w-2/8">
               <template v-if="accessibleRoles.includes(collab.roles)">
-                <RolesSelector
-                  :role="collab.roles"
-                  :roles="accessibleRoles"
-                  :description="false"
-                  :on-role-change="(role: WorkspaceUserRoles) => updateCollaborator(collab, role)"
-                />
+                <div class="w-[30px]">
+                  <RolesSelector
+                    :role="collab.roles"
+                    :roles="accessibleRoles"
+                    :description="false"
+                    class="bg-[red]"
+                    :on-role-change="(role: WorkspaceUserRoles) => updateCollaborator(collab, role)"
+                  />
+                </div>
               </template>
               <template v-else>
                 <RolesBadge :role="collab.roles" />