diff --git a/ui/dasadmin/src/layouts/backend/components/menus/menuTree.vue b/ui/dasadmin/src/layouts/backend/components/menus/menuTree.vue
index dbd529d0..1c81d952 100644
--- a/ui/dasadmin/src/layouts/backend/components/menus/menuTree.vue
+++ b/ui/dasadmin/src/layouts/backend/components/menus/menuTree.vue
@@ -93,8 +93,11 @@ const onClickSubMenu = (menu: RouteRecordRaw) => {
         padding: 0 v-bind(padding);
     }
 }
-:deep(.el-sub-menu__title) {
-    padding: 0 v-bind(padding);
+.el-sub-menu {
+    :deep(.el-sub-menu__title) {
+        height: v-bind(height);
+        padding: 0 v-bind(padding);
+    }
 }
 .el-sub-menu .icon,
 .el-menu-item .icon {
diff --git a/ui/dasadmin/src/layouts/backend/components/menus/menuVertical.vue b/ui/dasadmin/src/layouts/backend/components/menus/menuVertical.vue
index 22b1ba4b..1e58d69c 100644
--- a/ui/dasadmin/src/layouts/backend/components/menus/menuVertical.vue
+++ b/ui/dasadmin/src/layouts/backend/components/menus/menuVertical.vue
@@ -14,7 +14,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, nextTick, onMounted, reactive, onUnmounted } from 'vue'
+import { ref, computed, nextTick, onMounted, reactive, onUnmounted, watch } from 'vue'
 import MenuTree from '/@/layouts/backend/components/menus/menuTree.vue'
 import { useRoute, onBeforeRouteUpdate, type RouteLocationNormalizedLoaded } from 'vue-router'
 import { layoutMenuRef, layoutMenuScrollbarRef } from '/@/stores/refs'
@@ -40,6 +40,9 @@ onUnmounted(() => {
     // 组件卸载前移除监听器
     window.removeEventListener('resize', resizeHandler)
 })
+watch([() => config.layout.menuCollapse], () => {
+    resizeHandler()
+})
 const resizeHandler = () => {
     width.value = config.layout.menuCollapse ? '5px' : window.screen.width < 1920 ? '10px' : '20px'
 }