diff --git a/ui/src/layout/components/sidebar/SidebarItem.vue b/ui/src/layout/components/sidebar/SidebarItem.vue
index 88fc898b6..93e49fb75 100644
--- a/ui/src/layout/components/sidebar/SidebarItem.vue
+++ b/ui/src/layout/components/sidebar/SidebarItem.vue
@@ -12,7 +12,7 @@
         <span>{{ menu.meta?.title as string }}</span>
       </template>
       <sidebar-item
-        v-hasPermission="menu.meta?.permission"
+        v-hasPermission="child.meta?.permission"
         v-for="(child, index) in menu?.children"
         :key="index"
         :menu="child"
diff --git a/ui/src/router/modules/setting.ts b/ui/src/router/modules/setting.ts
index 417bf0f59..719aef797 100644
--- a/ui/src/router/modules/setting.ts
+++ b/ui/src/router/modules/setting.ts
@@ -1,6 +1,6 @@
 import { hasPermission } from '@/utils/permission/index'
 import Layout from '@/layout/layout-template/SystemLayout.vue'
-import { Role } from '@/utils/permission/type'
+import { Role, ComplexPermission } from '@/utils/permission/type'
 const settingRouter = {
   path: '/setting',
   name: 'setting',
@@ -74,7 +74,7 @@ const settingRouter = {
             activeMenu: '/setting',
             parentPath: '/setting',
             parentName: 'setting',
-            permission: new Role('ADMIN')
+            permission: new ComplexPermission(['ADMIN'], ['x-pack'], 'AND')
           },
           component: () => import('@/views/theme/index.vue')
         },
@@ -86,7 +86,7 @@ const settingRouter = {
             activeMenu: '/setting',
             parentPath: '/setting',
             parentName: 'setting',
-            permission: new Role('ADMIN')
+            permission: new ComplexPermission(['ADMIN'], ['x-pack'], 'AND')
           },
           component: () => import('@/views/authentication/index.vue')
         },
diff --git a/ui/src/stores/modules/user.ts b/ui/src/stores/modules/user.ts
index 69399c835..03969108e 100644
--- a/ui/src/stores/modules/user.ts
+++ b/ui/src/stores/modules/user.ts
@@ -8,6 +8,7 @@ export interface userStateTypes {
   token: any
   version?: string
   accessToken?: string
+  XPACK_LICENSE_IS_VALID: false
   isXPack: false
 }
 
@@ -18,11 +19,12 @@ const useUserStore = defineStore({
     userInfo: null,
     token: '',
     version: '',
+    XPACK_LICENSE_IS_VALID: false,
     isXPack: false
   }),
   actions: {
     isEnterprise() {
-      return this.userInfo?.IS_XPACK && this.userInfo?.XPACK_LICENSE_IS_VALID
+      return this.isXPack && this.XPACK_LICENSE_IS_VALID
     },
     getToken(): String | null {
       if (this.token) {
@@ -40,7 +42,9 @@ const useUserStore = defineStore({
 
     getPermissions() {
       if (this.userInfo) {
-        return this.userInfo?.permissions
+        return this.isXPack && this.XPACK_LICENSE_IS_VALID
+          ? [...this.userInfo?.permissions, 'x-pack']
+          : this.userInfo?.permissions
       } else {
         return []
       }
@@ -59,6 +63,8 @@ const useUserStore = defineStore({
     async asyncGetVersion() {
       return UserApi.getVersion().then((ok) => {
         this.version = ok.data?.version || '-'
+        this.isXPack = ok.data?.IS_XPACK
+        this.XPACK_LICENSE_IS_VALID = ok.data?.XPACK_LICENSE_IS_VALID
       })
     },