diff --git a/src/layouts/common/global-sider/components/vertical-mix-sider/components/mix-menu-detail.vue b/src/layouts/common/global-sider/components/vertical-mix-sider/components/mix-menu-detail.vue
index bca0fea7..bbb8317d 100644
--- a/src/layouts/common/global-sider/components/vertical-mix-sider/components/mix-menu-detail.vue
+++ b/src/layouts/common/global-sider/components/vertical-mix-sider/components/mix-menu-detail.vue
@@ -6,7 +6,7 @@
     >
       <component :is="icon" :class="[isMini ? 'text-16px' : 'text-20px']" />
       <p
-        class="text-12px overflow-hidden transition-height duration-300 ease-in-out"
+        class="w-full text-center ellipsis-text text-12px transition-height duration-300 ease-in-out"
         :class="[isMini ? 'h-0 pt-0' : 'h-24px pt-4px']"
       >
         {{ label }}
diff --git a/src/layouts/common/global-sider/components/vertical-mix-sider/index.vue b/src/layouts/common/global-sider/components/vertical-mix-sider/index.vue
index 5d32079e..a6dacb79 100644
--- a/src/layouts/common/global-sider/components/vertical-mix-sider/index.vue
+++ b/src/layouts/common/global-sider/components/vertical-mix-sider/index.vue
@@ -1,6 +1,6 @@
 <template>
   <dark-mode-container class="flex h-full" :inverted="theme.sider.inverted" @mouseleave="resetFirstDegreeMenus">
-    <div class="flex-1 flex-col-stretch h-full">
+    <div class="flex-1-hidden flex-col-stretch h-full">
       <global-logo :show-title="false" :style="{ height: theme.header.height + 'px' }" />
       <n-scrollbar class="flex-1-hidden">
         <mix-menu-detail