diff --git a/ui/src/views/document/component/Status.vue b/ui/src/views/document/component/Status.vue
index 8165b9559..bd9dd6710 100644
--- a/ui/src/views/document/component/Status.vue
+++ b/ui/src/views/document/component/Status.vue
@@ -1,5 +1,10 @@
 <template>
-  <el-popover v-model:visible="visible" placement="top" :width="450" trigger="hover">
+  <el-popover
+    v-model:visible="visible"
+    placement="top"
+    trigger="hover"
+    :popper-style="{ width: 'auto' }"
+  >
     <template #default
       ><StatusTable
         v-if="visible"
@@ -48,13 +53,16 @@ const checkList: Array<string> = [
   State.SUCCESS
 ]
 const aggStatus = computed(() => {
+  let obj = { key: 0, value: '' }
   for (const i in checkList) {
     const state = checkList[i]
     const index = props.status.indexOf(state)
     if (index > -1) {
-      return { key: props.status.length - index, value: state }
+      obj = { key: props.status.length - index, value: state }
+      break
     }
   }
+  return obj
 })
 const startedMap = {
   [TaskType.EMBEDDING]: '索引中',
diff --git a/ui/src/views/document/component/StatusTable.vue b/ui/src/views/document/component/StatusTable.vue
index 10e4795de..534dc965c 100644
--- a/ui/src/views/document/component/StatusTable.vue
+++ b/ui/src/views/document/component/StatusTable.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-for="status in statusTable" :key="status.type">
+  <div v-for="status in statusTable" :key="status.type" >
     <span> {{ taskTypeMap[status.type] }}：</span>
     <span>
       <el-text v-if="status.state === State.SUCCESS || status.state === State.REVOKED">
@@ -37,7 +37,7 @@
         Object.values(status.aggs ? status.aggs : {}).reduce((x: any, y: any) => x + y, 0)
       }}</span
     >
-    <el-text type="info" class="ml-4">
+    <el-text type="info" class="ml-12">
       {{
         status.time
           ? status.time[status.state == State.REVOKED ? State.REVOKED : State.PENDING]?.substring(