diff --git a/frontend/src/business/components/api/automation/scenario/EditApiScenario.vue b/frontend/src/business/components/api/automation/scenario/EditApiScenario.vue
index bfc17ea323..88fc5691dc 100644
--- a/frontend/src/business/components/api/automation/scenario/EditApiScenario.vue
+++ b/frontend/src/business/components/api/automation/scenario/EditApiScenario.vue
@@ -1359,7 +1359,7 @@ export default {
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;
- width: 200px;
+ width: 150px;
}
.ms-open-btn {
diff --git a/frontend/src/business/components/api/automation/scenario/common/ApiBaseComponent.vue b/frontend/src/business/components/api/automation/scenario/common/ApiBaseComponent.vue
index ee7fffe5b3..ac37d16b4f 100644
--- a/frontend/src/business/components/api/automation/scenario/common/ApiBaseComponent.vue
+++ b/frontend/src/business/components/api/automation/scenario/common/ApiBaseComponent.vue
@@ -18,7 +18,9 @@
@blur="isShowInput = false" :placeholder="$t('commons.input_name')" ref="nameEdit" :disabled="data.disabled"/>
- {{data.name}}
+
+ {{data.name}}
+
@@ -226,5 +228,14 @@
min-inline-size: 0px;
border: 0px;
}
-
+ .ms-step-name-width {
+ display: inline-block;
+ margin: 0 5px;
+ overflow-x: hidden;
+ padding-bottom: 0;
+ text-overflow: ellipsis;
+ vertical-align: middle;
+ white-space: nowrap;
+ width: 400px;
+ }
diff --git a/frontend/src/business/components/api/automation/scenario/maximize/ScenarioHeader.vue b/frontend/src/business/components/api/automation/scenario/maximize/ScenarioHeader.vue
index d46b9c0b08..91229fe25c 100644
--- a/frontend/src/business/components/api/automation/scenario/maximize/ScenarioHeader.vue
+++ b/frontend/src/business/components/api/automation/scenario/maximize/ScenarioHeader.vue
@@ -4,7 +4,9 @@