diff --git a/frontend/src/business/components/api/automation/ApiAutomation.vue b/frontend/src/business/components/api/automation/ApiAutomation.vue
index 9704b643bd..9fe22ecc84 100644
--- a/frontend/src/business/components/api/automation/ApiAutomation.vue
+++ b/frontend/src/business/components/api/automation/ApiAutomation.vue
@@ -659,7 +659,6 @@ export default {
         this.activeName = index.name;
       }
     },
-
     nodeChange(node, nodeIds, pNodes) {
       this.initApiTableOpretion = "nodeChange";
       this.selectNodeIds = nodeIds;
@@ -776,7 +775,7 @@ export default {
   text-overflow: ellipsis;
   vertical-align: middle;
   white-space: nowrap;
-  width: 200px;
+  max-width: 200px;
 }
 
 </style>
diff --git a/frontend/src/business/components/api/definition/ApiDefinition.vue b/frontend/src/business/components/api/definition/ApiDefinition.vue
index 130af672bb..4c6daf9db2 100644
--- a/frontend/src/business/components/api/definition/ApiDefinition.vue
+++ b/frontend/src/business/components/api/definition/ApiDefinition.vue
@@ -1014,6 +1014,6 @@ export default {
   text-overflow: ellipsis;
   vertical-align: middle;
   white-space: nowrap;
-  width: 200px;
+  max-width: 200px;
 }
 </style>