diff --git a/ui/src/components/ai-chat/KnowledgeSource.vue b/ui/src/components/ai-chat/KnowledgeSource.vue
index 8b8db4a78..e738d022e 100644
--- a/ui/src/components/ai-chat/KnowledgeSource.vue
+++ b/ui/src/components/ai-chat/KnowledgeSource.vue
@@ -15,8 +15,9 @@
         size="small"
         class="source_dataset-button"
         @click="openParagraph(data, dataset.id)"
-        >{{ dataset.name }}</el-button
       >
+        <span class="ellipsis"> {{ dataset.name }}</span>
+      </el-button>
     </el-space>
   </div>
 
diff --git a/ui/src/components/ai-chat/component/ParagraphCard.vue b/ui/src/components/ai-chat/component/ParagraphCard.vue
index a1a47696a..800c0b0c9 100644
--- a/ui/src/components/ai-chat/component/ParagraphCard.vue
+++ b/ui/src/components/ai-chat/component/ParagraphCard.vue
@@ -17,11 +17,11 @@
     </template>
     <template #footer>
       <div class="footer-content flex-between">
-        <el-text>
-          <el-icon>
+        <el-text class="flex align-center" style="width: 70%;">
+          <el-icon class="mr-4">
             <Document />
           </el-icon>
-          {{ data?.document_name }}
+          <span class="ellipsis-1">{{ data?.document_name }}</span>
         </el-text>
         <div class="flex align-center" style="line-height: 32px">
           <AppAvatar class="mr-8 avatar-blue" shape="square" :size="18">
diff --git a/ui/src/workflow/nodes/ai-chat-node/index.vue b/ui/src/workflow/nodes/ai-chat-node/index.vue
index 3a5e4a0f1..77d0a736e 100644
--- a/ui/src/workflow/nodes/ai-chat-node/index.vue
+++ b/ui/src/workflow/nodes/ai-chat-node/index.vue
@@ -22,7 +22,7 @@
           }"
         >
           <template #label>
-            <div class="flex-between">
+            <div class="flex-between w-full">
               <div>
                 <span>AI 模型<span class="danger">*</span></span>
               </div>