diff --git a/ui/src/components/ai-chat/ParagraphSourceDialog.vue b/ui/src/components/ai-chat/ParagraphSourceDialog.vue
index b8de0077b..5a5b9e10b 100644
--- a/ui/src/components/ai-chat/ParagraphSourceDialog.vue
+++ b/ui/src/components/ai-chat/ParagraphSourceDialog.vue
@@ -43,18 +43,22 @@
                   </template>
                   <template #footer>
                     <div class="footer-content flex-between">
-                      <el-text>
-                        <el-icon>
+                      <el-text class="flex align-center">
+                        <el-icon class="mr-4">
                           <Document />
                         </el-icon>
-                        {{ item?.document_name }}
+                        <span class="ellipsis-1 break-all" :title="item?.document_name">
+                          {{ item?.document_name }}</span
+                        >
                       </el-text>
                       <div class="flex align-center">
                         <AppAvatar class="mr-8" shape="square" :size="18">
                           <img src="@/assets/icon_document.svg" style="width: 58%" alt="" />
                         </AppAvatar>
 
-                        <span class="ellipsis"> {{ item?.dataset_name }}</span>
+                        <span class="ellipsis" :title="item?.dataset_name">
+                          {{ item?.dataset_name }}</span
+                        >
                       </div>
                     </div>
                   </template>