diff --git a/client/containers/Project/Interface/InterfaceList/InterfaceMenu.js b/client/containers/Project/Interface/InterfaceList/InterfaceMenu.js
index af79220c..89cb2b3d 100644
--- a/client/containers/Project/Interface/InterfaceList/InterfaceMenu.js
+++ b/client/containers/Project/Interface/InterfaceList/InterfaceMenu.js
@@ -254,8 +254,8 @@ class InterfaceMenu extends Component {
         case 'DELETE': color = 'red'; break;
         default: color = "yellow";
       }
-      return <TreeNode
-        title={<div onMouseEnter={() => this.enterItem(item._id)} onMouseLeave={this.leaveItem} >
+      return <TreeNode        
+        title={<div className="aa" onMouseEnter={() => this.enterItem(item._id)} onMouseLeave={this.leaveItem} >
           <Link className="interface-item" to={"/project/" + matchParams.id + "/interface/api/" + item._id} ><Tag color={color} className="btn-http" >{item.method}</Tag>{item.title}</Link>
           <Icon type='delete' className="interface-delete-icon" onClick={() => { this.showConfirm(item._id) }} style={{ display: this.state.delIcon == item._id ? 'block' : 'none' }} />
         </div>}
diff --git a/client/containers/Project/Interface/interface.scss b/client/containers/Project/Interface/interface.scss
index e1bebb9e..15727374 100644
--- a/client/containers/Project/Interface/interface.scss
+++ b/client/containers/Project/Interface/interface.scss
@@ -63,7 +63,9 @@
                 width:auto !important;
             }
             .interface-item{
-                display: inline
+                display: inline-block;
+                width: 180px;
+                overflow: hidden;
             }
             .interface-item-nav{
                 line-height:25px;