diff --git a/src/modules/09_leave/components/2_Leave/DetailLeave.vue b/src/modules/09_leave/components/2_Leave/DetailLeave.vue
index c1dea856f..965f02cca 100644
--- a/src/modules/09_leave/components/2_Leave/DetailLeave.vue
+++ b/src/modules/09_leave/components/2_Leave/DetailLeave.vue
@@ -525,9 +525,10 @@ async function onClickDownloadFile(id: string, fileName: string, type: string) {
                   )
                 "
               >
-                <q-item-section class="text-blue"
-                  >ดาวน์โหลดไฟล์ .docx</q-item-section
-                >
+                <q-item-section avatar
+                  ><q-icon color="blue" name="mdi-file-word"
+                /></q-item-section>
+                <q-item-section>ไฟล์ .DOCX</q-item-section>
               </q-item>
               <q-item
                 clickable
@@ -540,9 +541,10 @@ async function onClickDownloadFile(id: string, fileName: string, type: string) {
                   )
                 "
               >
-                <q-item-section class="text-red"
-                  >ดาวน์โหลดไฟล์ .pdf</q-item-section
-                >
+                <q-item-section avatar
+                  ><q-icon color="red" name="mdi-file-pdf"
+                /></q-item-section>
+                <q-item-section>ไฟล์ .PDF</q-item-section>
               </q-item>
             </q-list>
           </q-menu>
diff --git a/src/modules/09_leave/components/2_Leave/DetailLeaveReject.vue b/src/modules/09_leave/components/2_Leave/DetailLeaveReject.vue
index efe5ed3af..642e62e69 100644
--- a/src/modules/09_leave/components/2_Leave/DetailLeaveReject.vue
+++ b/src/modules/09_leave/components/2_Leave/DetailLeaveReject.vue
@@ -462,14 +462,15 @@ async function onClickDownloadFile(id: string, fileName: string, type: string) {
                 @click="
                   onClickDownloadFile(
                     formData.id,
-                    formData.leaveTypeName,
+                    'ยกเลิก' + formData.leaveTypeName,
                     typeDocx
                   )
                 "
               >
-                <q-item-section class="text-blue"
-                  >ดาวน์โหลดไฟล์ .docx</q-item-section
-                >
+                <q-item-section avatar
+                  ><q-icon color="blue" name="mdi-file-word"
+                /></q-item-section>
+                <q-item-section>ไฟล์ .DOCX</q-item-section>
               </q-item>
               <q-item
                 clickable
@@ -477,14 +478,15 @@ async function onClickDownloadFile(id: string, fileName: string, type: string) {
                 @click="
                   onClickDownloadFile(
                     formData.id,
-                    formData.leaveTypeName,
+                    'ยกเลิก' + formData.leaveTypeName,
                     typePdf
                   )
                 "
               >
-                <q-item-section class="text-red"
-                  >ดาวน์โหลดไฟล์ .pdf</q-item-section
-                >
+                <q-item-section avatar
+                  ><q-icon color="red" name="mdi-file-pdf"
+                /></q-item-section>
+                <q-item-section>ไฟล์ .PDF</q-item-section>
               </q-item>
             </q-list>
           </q-menu>