diff --git a/frontend/src/business/components/api/automation/ApiAutomation.vue b/frontend/src/business/components/api/automation/ApiAutomation.vue
index d2550ba56a..9704b643bd 100644
--- a/frontend/src/business/components/api/automation/ApiAutomation.vue
+++ b/frontend/src/business/components/api/automation/ApiAutomation.vue
@@ -77,6 +77,10 @@
           :label="item.label"
           :name="item.name"
           closable>
+          <el-tooltip slot="label" effect="dark" :content="item.label" placement="bottom-start"
+                      class="ms-tab-name-width">
+            <span>{{ item.label }}</span>
+          </el-tooltip>
           <div class="ms-api-scenario-div">
             <ms-edit-api-scenario @refresh="refresh" @openScenario="editScenario" @closePage="closePage"
                                   :currentScenario="item.currentScenario"
@@ -765,4 +769,14 @@ export default {
   max-width: 100%;
   padding-right: 100%;
 }
+
+.ms-tab-name-width {
+  display: inline-block;
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+  vertical-align: middle;
+  white-space: nowrap;
+  width: 200px;
+}
+
 </style>
diff --git a/frontend/src/business/components/api/definition/ApiDefinition.vue b/frontend/src/business/components/api/definition/ApiDefinition.vue
index 80d712a075..130af672bb 100644
--- a/frontend/src/business/components/api/definition/ApiDefinition.vue
+++ b/frontend/src/business/components/api/definition/ApiDefinition.vue
@@ -90,11 +90,15 @@
             </ms-tab-button>
           </el-tab-pane>
 
-          <el-tab-pane v-for="(item) in apiTabs"
+          <el-tab-pane v-for="(item, index) in apiTabs"
                        :key="item.name"
                        :label="item.title"
                        :closable="item.closable"
                        :name="item.name">
+            <el-tooltip v-if="index > 0" slot="label" effect="dark" :content="item.title" placement="bottom-start"
+                        class="ms-tab-name-width">
+              <span>{{ item.title }}</span>
+            </el-tooltip>
             <ms-tab-button
               v-if="item.type === 'list'"
               :active-dom.sync="activeDom"
@@ -1003,4 +1007,13 @@ export default {
 .version-select {
   padding-left: 10px;
 }
+
+.ms-tab-name-width {
+  display: inline-block;
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+  vertical-align: middle;
+  white-space: nowrap;
+  width: 200px;
+}
 </style>