diff --git a/src/layouts/components/SidebarItem/index.vue b/src/layouts/components/SidebarItem/index.vue
index c08cd89..86639ea 100644
--- a/src/layouts/components/SidebarItem/index.vue
+++ b/src/layouts/components/SidebarItem/index.vue
@@ -56,13 +56,21 @@
 
 <style lang="scss" scoped>
 :deep(.el-menu-item),
-:deep(.el-menu-item span.title),
+:deep(.el-menu-item span.title) {
+  flex: 1;
+  vertical-align: inherit;
+  white-space: normal;
+
+  // @include text-overflow;
+}
+
 :deep(.el-sub-menu__title),
 :deep(.el-sub-menu__title span.title) {
   flex: 1;
   vertical-align: inherit;
+  white-space: normal;
 
-  @include text-overflow;
+  // @include text-overflow;
 }
 
 :deep(.el-menu-item),
@@ -74,11 +82,16 @@
 
 :deep(.el-sub-menu) {
   .el-menu-item {
-    height: 40px;
-    line-height: 40px;
-    margin: 4px 0;
+    // height: 40px;
+    height: fit-content !important;
+    // line-height: 40px;
+    line-height: 20px;
+    // margin: 4px 0;
+    // margin: 14px 0;
+    padding: 10px 0;
     border-radius: 7px;
     min-width: 160px;
+    white-space: normal;
   }
 }
 
@@ -143,7 +156,8 @@
   color: var(--g-sub-sidebar-menu-color) !important;
   background: transparent !important;
   height: 40px;
-  line-height: 40px;
+  // line-height: 40px;
+  line-height: 20px;
   margin: 4px 0;
   border-radius: 7px;
 

diff --git a/src/layouts/components/SidebarItem/index.vue b/src/layouts/components/SidebarItem/index.vue
index c08cd89..86639ea 100644
--- a/src/layouts/components/SidebarItem/index.vue
+++ b/src/layouts/components/SidebarItem/index.vue
@@ -56,13 +56,21 @@
 
 <style lang="scss" scoped>
 :deep(.el-menu-item),
-:deep(.el-menu-item span.title),
+:deep(.el-menu-item span.title) {
+  flex: 1;
+  vertical-align: inherit;
+  white-space: normal;
+
+  // @include text-overflow;
+}
+
 :deep(.el-sub-menu__title),
 :deep(.el-sub-menu__title span.title) {
   flex: 1;
   vertical-align: inherit;
+  white-space: normal;
 
-  @include text-overflow;
+  // @include text-overflow;
 }
 
 :deep(.el-menu-item),
@@ -74,11 +82,16 @@
 
 :deep(.el-sub-menu) {
   .el-menu-item {
-    height: 40px;
-    line-height: 40px;
-    margin: 4px 0;
+    // height: 40px;
+    height: fit-content !important;
+    // line-height: 40px;
+    line-height: 20px;
+    // margin: 4px 0;
+    // margin: 14px 0;
+    padding: 10px 0;
     border-radius: 7px;
     min-width: 160px;
+    white-space: normal;
   }
 }
 
@@ -143,7 +156,8 @@
   color: var(--g-sub-sidebar-menu-color) !important;
   background: transparent !important;
   height: 40px;
-  line-height: 40px;
+  // line-height: 40px;
+  line-height: 20px;
   margin: 4px 0;
   border-radius: 7px;
 
diff --git a/src/layouts/components/SubSidebar/index.vue b/src/layouts/components/SubSidebar/index.vue
index 10913f8..20ef219 100644
--- a/src/layouts/components/SubSidebar/index.vue
+++ b/src/layouts/components/SubSidebar/index.vue
@@ -117,8 +117,9 @@
 
       :deep(.el-menu-item),
       :deep(.el-sub-menu__title) {
-        height: 40px;
-        line-height: 40px;
+        // height: 40px;
+        // line-height: 40px;
+        height: fit-content !important;
         margin: 4px 0;
         border-radius: 7px;