diff --git a/Services/client/src/components/FileSearched.vue b/Services/client/src/components/FileSearched.vue
index 7de1387..36a2f72 100644
--- a/Services/client/src/components/FileSearched.vue
+++ b/Services/client/src/components/FileSearched.vue
@@ -29,6 +29,9 @@ const { getFileInfo, getSize, getType } = useFileInfoStore()
 const storageStore = useStorage()
 const { deleteFile } = storageStore
 
+const fileInfoStore = useFileInfoStore()
+const { getFormatDate } = fileInfoStore
+
 const fileFormComponent = ref<InstanceType<typeof FileFormWrapper>>()
 
 const keywordList = ref<string[]>([])
@@ -303,12 +306,29 @@ onMounted(() => {
         <q-td class="justify-center">
           <div>
             <q-icon class="q-ma-sm" name="o_info" size="2em" color="primary" />
-            <q-tooltip
-              anchor="center left"
-              self="center right"
-              :offset="[5, 1]"
-            >
-              {{ getSize(actionData.row.fileSize) }}
+            <q-tooltip anchor="center left" self="center right">
+              <div class="flex" style="flex-direction: column; font-size: 120%">
+                <span>ชื่อไฟล์: {{ actionData.row.fileName }}</span>
+                <span>
+                  ชื่อเรื่อง:
+                  {{ actionData.row.metadata.subject ?? actionData.row.title }}
+                </span>
+                <span>
+                  เจ้าของผลงาน:
+                  {{ actionData.row.metadata.author ?? actionData.row.author }}
+                </span>
+                <span>ขนาด: {{ getSize(actionData.row.fileSize) }}</span>
+                <span>
+                  ประเภทของไฟล์:
+                  {{
+                    getType(actionData.row.fileType, actionData.row.fileName)
+                  }}
+                </span>
+                <span>
+                  วันที่อัปโหลด:
+                  {{ getFormatDate(actionData.row.createdAt) }}
+                </span>
+              </div>
             </q-tooltip>
           </div>
           <div v-if="props.action">
diff --git a/Services/client/src/components/ListView.vue b/Services/client/src/components/ListView.vue
index 967272a..f76619c 100644
--- a/Services/client/src/components/ListView.vue
+++ b/Services/client/src/components/ListView.vue
@@ -342,26 +342,29 @@ const onRowClick = ((_, row) => {
                 size="2em"
                 color="primary"
               />
-              <q-tooltip
-                anchor="center left"
-                self="center right"
-                :offset="[5, 1]"
-              >
-                <div class="flex" style="flex-direction: column">
-                  <span> ชื่อไฟล์ {{ data.row.fileName }}</span>
-                  <span
-                    >ชื่อเรื่อง
-                    {{ data.row.metadata.subject ?? data.row.subject }}</span
-                  >
-                  <span
-                    >เจ้าของผลงาน
-                    {{ data.row.metadata.author ?? data.row.author }}</span
-                  >
-                  <span>ขนาดไฟล์ {{ getSize(data.row.fileSize) }}</span>
-                  <span
-                    >ประเภทไฟล์
-                    {{ getType(data.row.fileType, data.row.fileName) }}</span
-                  >
+              <q-tooltip anchor="center left" self="center right">
+                <div
+                  class="flex"
+                  style="flex-direction: column; font-size: 120%"
+                >
+                  <span>ชื่อไฟล์: {{ data.row.fileName }}</span>
+                  <span>
+                    ชื่อเรื่อง:
+                    {{ data.row.metadata.subject ?? data.row.title }}
+                  </span>
+                  <span>
+                    เจ้าของผลงาน:
+                    {{ data.row.metadata.author ?? data.row.author }}
+                  </span>
+                  <span>ขนาด: {{ getSize(data.row.fileSize) }}</span>
+                  <span>
+                    ประเภทของไฟล์:
+                    {{ getType(data.row.fileType, data.row.fileName) }}
+                  </span>
+                  <span>
+                    วันที่อัปโหลด:
+                    {{ getFormatDate(data.row.createdAt) }}
+                  </span>
                 </div>
               </q-tooltip>
             </div>