diff --git a/src/layouts/Base/Menu.jsx b/src/layouts/Base/Menu.jsx
index 24021a4d..20a7505f 100644
--- a/src/layouts/Base/Menu.jsx
+++ b/src/layouts/Base/Menu.jsx
@@ -175,7 +175,7 @@ export class LayoutMenu extends Component {
       );
     }
     const title = (
-      <span>
+      <span className={styles['sub-menu-title']}>
         {this.renderMenuItemIcon({ item })}
         <span className={styles['menu-item-title']}>
           {item.name.length >= this.maxTitleLength ? (
diff --git a/src/layouts/Base/index.less b/src/layouts/Base/index.less
index 947b8f96..1e7a6bb4 100644
--- a/src/layouts/Base/index.less
+++ b/src/layouts/Base/index.less
@@ -380,7 +380,7 @@
 
   span {
     display: inline-block;
-    max-width: 140px;
+    max-width: 120px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
@@ -391,3 +391,7 @@
   color: @sider-sub-menu-title-color;
   font-size: @sider-sub-menu-title-font-size;
 }
+
+.sub-menu-title {
+  display: flex;
+}