diff --git a/dolphinscheduler-ui-next/src/views/projects/workflow/definition/components/start-modal.tsx b/dolphinscheduler-ui-next/src/views/projects/workflow/definition/components/start-modal.tsx
index 69758df1aa..519b89d706 100644
--- a/dolphinscheduler-ui-next/src/views/projects/workflow/definition/components/start-modal.tsx
+++ b/dolphinscheduler-ui-next/src/views/projects/workflow/definition/components/start-modal.tsx
@@ -224,7 +224,9 @@ export default defineComponent({
             label={t('project.workflow.workflow_name')}
             path='workflow_name'
           >
-            {this.row.name}
+            <div class={styles.formItem} title={this.row.name}>
+              {this.row.name}
+            </div> 
           </NFormItem>
           <NFormItem
             label={t('project.workflow.failure_strategy')}
diff --git a/dolphinscheduler-ui-next/src/views/projects/workflow/definition/index.module.scss b/dolphinscheduler-ui-next/src/views/projects/workflow/definition/index.module.scss
index 72e5e2f812..76e975dd4e 100644
--- a/dolphinscheduler-ui-next/src/views/projects/workflow/definition/index.module.scss
+++ b/dolphinscheduler-ui-next/src/views/projects/workflow/definition/index.module.scss
@@ -95,3 +95,10 @@
     margin-right: 5px;
   }
 }
+
+.formItem {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  word-break: break-all;
+}