diff --git a/src/layouts/Base/Menu.jsx b/src/layouts/Base/Menu.jsx
index 057a37f9..266c63d2 100644
--- a/src/layouts/Base/Menu.jsx
+++ b/src/layouts/Base/Menu.jsx
@@ -158,22 +158,24 @@ export class LayoutMenu extends Component {
           className={styles['menu-item']}
           onClick={this.onClickMenuItem}
         >
-          {/* <Menu.Item key={item.key} className={styles['menu-item-no-child']}> */}
-          {this.renderMenuItemIcon({ item, isSubMenu })}
-          <span
-            className={
-              item.level === 0 || (item.level === 1 && !showChildren)
-                ? styles['menu-item-title']
-                : styles['sub-menu-item-title']
-            }
-          >
-            {item.name.length >= this.maxTitleLength ? (
-              <Tooltip title={item.name} placement="right">
-                {item.name}
-              </Tooltip>
-            ) : (
-              item.name
-            )}
+          <span className={styles['menu-item-title-wrapper']}>
+            {/* <Menu.Item key={item.key} className={styles['menu-item-no-child']}> */}
+            {this.renderMenuItemIcon({ item, isSubMenu })}
+            <span
+              className={
+                item.level === 0 || (item.level === 1 && !showChildren)
+                  ? styles['menu-item-title']
+                  : styles['sub-menu-item-title']
+              }
+            >
+              {item.name.length >= this.maxTitleLength ? (
+                <Tooltip title={item.name} placement="right">
+                  {item.name}
+                </Tooltip>
+              ) : (
+                item.name
+              )}
+            </span>
           </span>
         </Menu.Item>
       );
diff --git a/src/layouts/Base/index.less b/src/layouts/Base/index.less
index 1e7a6bb4..20354966 100644
--- a/src/layouts/Base/index.less
+++ b/src/layouts/Base/index.less
@@ -390,8 +390,20 @@
 .sub-menu-item-title {
   color: @sider-sub-menu-title-color;
   font-size: @sider-sub-menu-title-font-size;
+
+  span {
+    display: inline-block;
+    max-width: 120px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
 }
 
 .sub-menu-title {
   display: flex;
 }
+
+.menu-item-title-wrapper {
+  display: flex;
+}