diff --git a/packages/nc-gui/components/tabs/auth/UserManagement.vue b/packages/nc-gui/components/tabs/auth/UserManagement.vue
index e86dd444c0..68c511e8e3 100644
--- a/packages/nc-gui/components/tabs/auth/UserManagement.vue
+++ b/packages/nc-gui/components/tabs/auth/UserManagement.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { OrgUserRoles } from 'nocodb-sdk'
 import type { RequestParams } from 'nocodb-sdk'
 import {
   extractSdkResponseErrorMsg,
@@ -160,6 +161,10 @@ onBeforeMount(async () => {
 })
 
 watchDebounced(searchText, () => loadUsers(), { debounce: 300, maxWait: 600 })
+
+const isSuperAdmin = (user: { main_roles?: string }) => {
+  return user.main_roles?.split(',').includes(OrgUserRoles.SUPER_ADMIN)
+}
 </script>
 
 <template>
@@ -246,14 +251,20 @@ watchDebounced(searchText, () => loadUsers(), { debounce: 300, maxWait: 600 })
         </div>
       </div>
 
-      <div v-for="(user, index) of users" :key="index" class="flex flex-row items-center border-b-1 py-2 px-2 nc-user-row">
+      <div v-for="(user, index) of users" :key="index"
+           class="flex flex-row items-center border-b-1 py-2 px-2 nc-user-row">
         <div class="flex w-4/6 flex-wrap nc-user-email">
           {{ user.email }}
         </div>
 
         <div class="flex w-1/6 justify-center flex-wrap ml-4">
+          <div v-if="isSuperAdmin(user)" class="rounded-full px-2 py-1 nc-user-role"
+               :style="{ backgroundColor: projectRoleTagColors[OrgUserRoles.SUPER_ADMIN] }"
+          >
+            Super Admin
+          </div>
           <div
-            v-if="user.roles"
+            v-else-if="user.roles"
             class="rounded-full px-2 py-1 nc-user-role"
             :style="{ backgroundColor: projectRoleTagColors[user.roles] }"
           >
@@ -261,71 +272,74 @@ watchDebounced(searchText, () => loadUsers(), { debounce: 300, maxWait: 600 })
           </div>
         </div>
         <div class="flex w-1/6 flex-wrap justify-end">
-          <a-tooltip v-if="user.project_id" placement="bottom">
-            <template #title>
-              <span>{{ $t('activity.editUser') }}</span>
-            </template>
-
-            <a-button type="text" class="!rounded-md nc-user-edit" @click="onEdit(user)">
-              <template #icon>
-                <IcRoundEdit class="flex mx-auto h-[1rem] text-gray-500" />
+          <template v-if="!isSuperAdmin(user)">
+            <a-tooltip v-if="user.project_id" placement="bottom">
+              <template #title>
+                <span>{{ $t('activity.editUser') }}</span>
               </template>
-            </a-button>
-          </a-tooltip>
-
-          <!--          Add user to project -->
-          <a-tooltip v-if="!user.project_id" placement="bottom">
-            <template #title>
-              <span>{{ $t('activity.addUserToProject') }}</span>
-            </template>
-
-            <a-button type="text" class="!rounded-md nc-user-invite" @click="inviteUser(user)">
-              <template #icon>
-                <MdiPlus class="flex mx-auto h-[1.1rem] text-gray-500" />
+
+              <a-button type="text" class="!rounded-md nc-user-edit" @click="onEdit(user)">
+                <template #icon>
+                  <IcRoundEdit class="flex mx-auto h-[1rem] text-gray-500" />
+                </template>
+              </a-button>
+            </a-tooltip>
+
+            <!--          Add user to project -->
+            <a-tooltip v-if="!user.project_id" placement="bottom">
+              <template #title>
+                <span>{{ $t('activity.addUserToProject') }}</span>
               </template>
-            </a-button>
-          </a-tooltip>
-
-          <!--          Remove user from the project -->
-          <a-tooltip v-else placement="bottom">
-            <template #title>
-              <span>{{ $t('activity.deleteUser') }}</span>
-            </template>
-
-            <a-button v-e="['c:user:delete']" type="text" class="!rounded-md nc-user-delete" @click="onDelete(user)">
-              <template #icon>
-                <MdiDeleteOutline class="flex mx-auto h-[1.1rem] text-gray-500" />
+
+              <a-button type="text" class="!rounded-md nc-user-invite" @click="inviteUser(user)">
+                <template #icon>
+                  <MdiPlus class="flex mx-auto h-[1.1rem] text-gray-500" />
+                </template>
+              </a-button>
+            </a-tooltip>
+
+            <!--          Remove user from the project -->
+            <a-tooltip v-else placement="bottom">
+              <template #title>
+                <span>{{ $t('activity.deleteUser') }}</span>
               </template>
-            </a-button>
-          </a-tooltip>
-
-          <a-dropdown :trigger="['click']" class="flex" placement="bottomRight" overlay-class-name="nc-dropdown-user-mgmt">
-            <div class="flex flex-row items-center">
-              <a-button type="text" class="!px-0">
-                <div class="flex flex-row items-center h-[1.2rem]">
-                  <IcBaselineMoreVert />
-                </div>
+
+              <a-button v-e="['c:user:delete']" type="text" class="!rounded-md nc-user-delete" @click="onDelete(user)">
+                <template #icon>
+                  <MdiDeleteOutline class="flex mx-auto h-[1.1rem] text-gray-500" />
+                </template>
               </a-button>
-            </div>
-
-            <template #overlay>
-              <a-menu>
-                <a-menu-item>
-                  <!--                  Resend invite Email -->
-                  <div class="flex flex-row items-center py-3" @click="resendInvite(user)">
-                    <MdiEmailArrowRightOutline class="flex h-[1rem] text-gray-500" />
-                    <div class="text-xs pl-2">{{ $t('activity.resendInvite') }}</div>
+            </a-tooltip>
+
+            <a-dropdown :trigger="['click']" class="flex" placement="bottomRight"
+                        overlay-class-name="nc-dropdown-user-mgmt">
+              <div class="flex flex-row items-center">
+                <a-button type="text" class="!px-0">
+                  <div class="flex flex-row items-center h-[1.2rem]">
+                    <IcBaselineMoreVert />
                   </div>
-                </a-menu-item>
-                <a-menu-item>
-                  <div class="flex flex-row items-center py-3" @click="copyInviteUrl(user)">
-                    <MdiContentCopy class="flex h-[1rem] text-gray-500" />
-                    <div class="text-xs pl-2">{{ $t('activity.copyInviteURL') }}</div>
-                  </div>
-                </a-menu-item>
-              </a-menu>
-            </template>
-          </a-dropdown>
+                </a-button>
+              </div>
+
+              <template #overlay>
+                <a-menu>
+                  <a-menu-item>
+                    <!--                  Resend invite Email -->
+                    <div class="flex flex-row items-center py-3" @click="resendInvite(user)">
+                      <MdiEmailArrowRightOutline class="flex h-[1rem] text-gray-500" />
+                      <div class="text-xs pl-2">{{ $t('activity.resendInvite') }}</div>
+                    </div>
+                  </a-menu-item>
+                  <a-menu-item>
+                    <div class="flex flex-row items-center py-3" @click="copyInviteUrl(user)">
+                      <MdiContentCopy class="flex h-[1rem] text-gray-500" />
+                      <div class="text-xs pl-2">{{ $t('activity.copyInviteURL') }}</div>
+                    </div>
+                  </a-menu-item>
+                </a-menu>
+              </template>
+            </a-dropdown>
+          </template>
         </div>
       </div>
 
diff --git a/packages/nc-gui/utils/userUtils.ts b/packages/nc-gui/utils/userUtils.ts
index 886557520a..6d4ef40173 100644
--- a/packages/nc-gui/utils/userUtils.ts
+++ b/packages/nc-gui/utils/userUtils.ts
@@ -1,3 +1,4 @@
+import { OrgUserRoles } from 'nocodb-sdk'
 import { ProjectRole } from '~/lib/enums'
 
 export const projectRoleTagColors = {
@@ -6,6 +7,7 @@ export const projectRoleTagColors = {
   [ProjectRole.Editor]: '#c2f5e8',
   [ProjectRole.Commenter]: '#ffdaf6',
   [ProjectRole.Viewer]: '#ffdce5',
+  [OrgUserRoles.SUPER_ADMIN]: '#f5d7cb',
 }
 
 export const projectRoles = [ProjectRole.Creator, ProjectRole.Editor, ProjectRole.Commenter, ProjectRole.Viewer]
diff --git a/packages/nocodb-sdk/src/index.ts b/packages/nocodb-sdk/src/index.ts
index 561b841c36..56408b54bc 100644
--- a/packages/nocodb-sdk/src/index.ts
+++ b/packages/nocodb-sdk/src/index.ts
@@ -4,6 +4,7 @@ export * from './lib/Api';
 export * from './lib/sqlUi';
 export * from './lib/globals';
 export * from './lib/helperFunctions';
+export * from './lib/enums';
 export * from './lib/formulaHelpers';
 export { default as UITypes, isVirtualCol } from './lib/UITypes';
 export { default as CustomAPI } from './lib/CustomAPI';
diff --git a/packages/nocodb/src/enums/OrgUserRoles.ts b/packages/nocodb-sdk/src/lib/enums.ts
similarity index 100%
rename from packages/nocodb/src/enums/OrgUserRoles.ts
rename to packages/nocodb-sdk/src/lib/enums.ts
diff --git a/packages/nocodb/src/lib/meta/api/apiTokenApis.ts b/packages/nocodb/src/lib/meta/api/apiTokenApis.ts
index 4d202a1d7e..11b9b3627c 100644
--- a/packages/nocodb/src/lib/meta/api/apiTokenApis.ts
+++ b/packages/nocodb/src/lib/meta/api/apiTokenApis.ts
@@ -1,5 +1,5 @@
 import { Request, Response, Router } from 'express';
-import { OrgUserRoles } from '../../../enums/OrgUserRoles';
+import { OrgUserRoles } from 'nocodb-sdk';
 import { Tele } from 'nc-help';
 import { NcError } from '../helpers/catchError';
 import ncMetaAclMw from '../helpers/ncMetaAclMw';
diff --git a/packages/nocodb/src/lib/meta/api/ee/orgTokenApis.ts b/packages/nocodb/src/lib/meta/api/ee/orgTokenApis.ts
index 2aa2f8a304..410d040c11 100644
--- a/packages/nocodb/src/lib/meta/api/ee/orgTokenApis.ts
+++ b/packages/nocodb/src/lib/meta/api/ee/orgTokenApis.ts
@@ -1,4 +1,4 @@
-import { OrgUserRoles } from '../../../../enums/OrgUserRoles';
+import { OrgUserRoles } from 'nocodb-sdk';
 import ApiToken from '../../../models/ApiToken';
 import { PagedResponseImpl } from '../../helpers/PagedResponse';
 
diff --git a/packages/nocodb/src/lib/meta/api/orgLicenseApis.ts b/packages/nocodb/src/lib/meta/api/orgLicenseApis.ts
index 259738c881..072f9281d2 100644
--- a/packages/nocodb/src/lib/meta/api/orgLicenseApis.ts
+++ b/packages/nocodb/src/lib/meta/api/orgLicenseApis.ts
@@ -1,5 +1,5 @@
 import { Router } from 'express';
-import { OrgUserRoles } from '../../../enums/OrgUserRoles';
+import { OrgUserRoles } from 'nocodb-sdk';
 import { NC_LICENSE_KEY } from '../../constants'
 import Store from '../../models/Store';
 import { metaApiMetrics } from '../helpers/apiMetrics';
diff --git a/packages/nocodb/src/lib/meta/api/orgTokenApis.ts b/packages/nocodb/src/lib/meta/api/orgTokenApis.ts
index 98b76a3750..a9f1f9fc14 100644
--- a/packages/nocodb/src/lib/meta/api/orgTokenApis.ts
+++ b/packages/nocodb/src/lib/meta/api/orgTokenApis.ts
@@ -1,5 +1,5 @@
 import { Request, Response, Router } from 'express';
-import { OrgUserRoles } from '../../../enums/OrgUserRoles';
+import { OrgUserRoles } from 'nocodb-sdk';
 import ApiToken from '../../models/ApiToken';
 import { Tele } from 'nc-help';
 import { metaApiMetrics } from '../helpers/apiMetrics';
diff --git a/packages/nocodb/src/lib/meta/api/orgUserApis.ts b/packages/nocodb/src/lib/meta/api/orgUserApis.ts
index 368a3887b9..f9d5e077f7 100644
--- a/packages/nocodb/src/lib/meta/api/orgUserApis.ts
+++ b/packages/nocodb/src/lib/meta/api/orgUserApis.ts
@@ -6,7 +6,7 @@ import {
 } from 'nocodb-sdk';
 import { v4 as uuidv4 } from 'uuid';
 import validator from 'validator';
-import { OrgUserRoles } from '../../../enums/OrgUserRoles';
+import { OrgUserRoles } from 'nocodb-sdk';
 import { NC_APP_SETTINGS } from '../../constants';
 import Audit from '../../models/Audit';
 import ProjectUser from '../../models/ProjectUser';
diff --git a/packages/nocodb/src/lib/meta/api/projectApis.ts b/packages/nocodb/src/lib/meta/api/projectApis.ts
index 752b404622..a165f9a7ee 100644
--- a/packages/nocodb/src/lib/meta/api/projectApis.ts
+++ b/packages/nocodb/src/lib/meta/api/projectApis.ts
@@ -1,5 +1,5 @@
 import { Request, Response } from 'express';
-import { OrgUserRoles } from '../../../enums/OrgUserRoles';
+import { OrgUserRoles } from 'nocodb-sdk';
 import Project from '../../models/Project';
 import { ModelTypes, ProjectListType, UITypes } from 'nocodb-sdk';
 import DOMPurify from 'isomorphic-dompurify';
diff --git a/packages/nocodb/src/lib/meta/api/projectUserApis.ts b/packages/nocodb/src/lib/meta/api/projectUserApis.ts
index 14bd19c337..e0165452ac 100644
--- a/packages/nocodb/src/lib/meta/api/projectUserApis.ts
+++ b/packages/nocodb/src/lib/meta/api/projectUserApis.ts
@@ -1,4 +1,4 @@
-import { OrgUserRoles } from '../../../enums/OrgUserRoles';
+import { OrgUserRoles } from 'nocodb-sdk';
 import { Tele } from 'nc-help';
 import ncMetaAclMw from '../helpers/ncMetaAclMw';
 import { Router } from 'express';
diff --git a/packages/nocodb/src/lib/meta/api/userApi/initStrategies.ts b/packages/nocodb/src/lib/meta/api/userApi/initStrategies.ts
index cc261f1e71..aa734ec5de 100644
--- a/packages/nocodb/src/lib/meta/api/userApi/initStrategies.ts
+++ b/packages/nocodb/src/lib/meta/api/userApi/initStrategies.ts
@@ -1,4 +1,4 @@
-import { OrgUserRoles } from '../../../../enums/OrgUserRoles';
+import { OrgUserRoles } from 'nocodb-sdk';
 import User from '../../../models/User';
 import ProjectUser from '../../../models/ProjectUser';
 import { promisify } from 'util';
diff --git a/packages/nocodb/src/lib/meta/api/userApi/userApis.ts b/packages/nocodb/src/lib/meta/api/userApi/userApis.ts
index 4d1f54616b..42ed0b343c 100644
--- a/packages/nocodb/src/lib/meta/api/userApi/userApis.ts
+++ b/packages/nocodb/src/lib/meta/api/userApi/userApis.ts
@@ -1,6 +1,6 @@
 import { Request, Response } from 'express';
 import { TableType, validatePassword } from 'nocodb-sdk';
-import { OrgUserRoles } from '../../../../enums/OrgUserRoles';
+import { OrgUserRoles } from 'nocodb-sdk';
 import { NC_APP_SETTINGS } from '../../../constants';
 import Store from '../../../models/Store';
 import { Tele } from 'nc-help';
diff --git a/packages/nocodb/src/lib/meta/helpers/ncMetaAclMw.ts b/packages/nocodb/src/lib/meta/helpers/ncMetaAclMw.ts
index 7034d235a9..4a9f1f961b 100644
--- a/packages/nocodb/src/lib/meta/helpers/ncMetaAclMw.ts
+++ b/packages/nocodb/src/lib/meta/helpers/ncMetaAclMw.ts
@@ -1,4 +1,4 @@
-import { OrgUserRoles } from '../../../enums/OrgUserRoles';
+import { OrgUserRoles } from 'nocodb-sdk';
 import projectAcl from '../../utils/projectAcl';
 import { NextFunction, Request, Response } from 'express';
 import catchError, { NcError } from './catchError';
diff --git a/packages/nocodb/src/lib/utils/projectAcl.ts b/packages/nocodb/src/lib/utils/projectAcl.ts
index c4a64ed608..a16683fd60 100644
--- a/packages/nocodb/src/lib/utils/projectAcl.ts
+++ b/packages/nocodb/src/lib/utils/projectAcl.ts
@@ -1,4 +1,4 @@
-import { OrgUserRoles } from '../../enums/OrgUserRoles';
+import { OrgUserRoles } from 'nocodb-sdk';
 
 export default {
   owner: {
diff --git a/packages/nocodb/src/lib/version-upgrader/ncProjectRolesUpgrader.ts b/packages/nocodb/src/lib/version-upgrader/ncProjectRolesUpgrader.ts
index e1f204501a..b8402a5c17 100644
--- a/packages/nocodb/src/lib/version-upgrader/ncProjectRolesUpgrader.ts
+++ b/packages/nocodb/src/lib/version-upgrader/ncProjectRolesUpgrader.ts
@@ -1,4 +1,4 @@
-import { OrgUserRoles } from '../../enums/OrgUserRoles';
+import { OrgUserRoles } from 'nocodb-sdk';
 import { NC_APP_SETTINGS } from '../constants';
 import Store from '../models/Store';
 import { MetaTable } from '../utils/globals';
diff --git a/packages/nocodb/tests/unit/rest/tests/org.test.ts b/packages/nocodb/tests/unit/rest/tests/org.test.ts
index ea774f7896..ef286ba343 100644
--- a/packages/nocodb/tests/unit/rest/tests/org.test.ts
+++ b/packages/nocodb/tests/unit/rest/tests/org.test.ts
@@ -1,7 +1,7 @@
 import { expect } from 'chai'
 import 'mocha'
 import request from 'supertest'
-import { OrgUserRoles } from '../../../../src/enums/OrgUserRoles'
+import { OrgUserRoles } from 'nocodb-sdk'
 import init from '../../init'
 
 function authTests() {