diff --git a/ui/src/components/dynamics-form/items/upload/LocalFileUpload.vue b/ui/src/components/dynamics-form/items/upload/LocalFileUpload.vue
index cdc3b03e6..9f3829616 100644
--- a/ui/src/components/dynamics-form/items/upload/LocalFileUpload.vue
+++ b/ui/src/components/dynamics-form/items/upload/LocalFileUpload.vue
@@ -39,15 +39,12 @@
     <el-row :gutter="8" v-if="modelValue?.length" class="mt-16">
       <template v-for="(item, index) in modelValue" :key="index">
         <el-col :span="12" class="mb-8">
-          <el-card
-            shadow="never"
-            style="--el-card-padding: 8px 12px; line-height: normal"
-          >
+          <el-card shadow="never" style="--el-card-padding: 8px 12px; line-height: normal">
             <div class="flex-between">
               <div class="flex">
                 <img :src="getImgUrl(item && item?.name)" alt="" width="40" />
                 <div class="ml-8">
-                  <p>{{ item && item?.name }}</p>
+                  <p class="ellipsis-1" :title="item && item?.name">{{ item && item?.name }}</p>
                   <el-text type="info" size="small">{{
                     filesize(item && item?.size) || '0K'
                   }}</el-text>
diff --git a/ui/src/views/document/upload/UploadComponent.vue b/ui/src/views/document/upload/UploadComponent.vue
index d00a1a06e..aa005cbf5 100644
--- a/ui/src/views/document/upload/UploadComponent.vue
+++ b/ui/src/views/document/upload/UploadComponent.vue
@@ -192,7 +192,7 @@
             <div class="flex">
               <img :src="getImgUrl(item && item?.name)" alt="" width="40" />
               <div class="ml-8">
-                <p>{{ item && item?.name }}</p>
+                <p class="ellipsis-1" :title="item && item?.name">{{ item && item?.name }}</p>
                 <el-text type="info" size="small">{{
                   filesize(item && item?.size) || '0K'
                 }}</el-text>