diff --git a/front/src/layout_view/components/TabsRouter/index.vue b/front/src/layout_view/components/TabsRouter/index.vue
index 6052f68fdb050c9f135ed4a3115c3c718dfb8b72..42447def7cfb62a46c73525c79d31eedeff513c5 100644
--- a/front/src/layout_view/components/TabsRouter/index.vue
+++ b/front/src/layout_view/components/TabsRouter/index.vue
@@ -239,7 +239,6 @@ export default {
     width: 110px;
     min-width: 110px;
     background: #FFF;
-    padding: 0 8px;
     margin-left: 5px;
     cursor: pointer;
     display: flex;
@@ -265,11 +264,13 @@ export default {
     }
 
     .tab-title {
-      margin-top: 4px;
-      max-width: 80px;
       white-space: nowrap;
       text-overflow: ellipsis;
       overflow: hidden;
+      width: 100%;
+      height: 100%;
+      vertical-align: center;
+      padding: 7px 8px;
     }
 
     .el-icon-close {