diff --git a/src/modules/09_leave/components/05_Leave/DetailLeavePage.vue b/src/modules/09_leave/components/05_Leave/DetailLeavePage.vue
index 2dca1bde4..2f4a3a117 100644
--- a/src/modules/09_leave/components/05_Leave/DetailLeavePage.vue
+++ b/src/modules/09_leave/components/05_Leave/DetailLeavePage.vue
@@ -51,7 +51,7 @@ const router = useRouter();
 const route = useRoute();
 const paramsId = route.params.id.toString();
 const keycloakId = ref<string>("");
-const keycloakUserId = ref<string>('')
+const keycloakUserId = ref<string>("");
 const workflowRef = ref<any>(null);
 const modalApprove = ref(false);
 const statusCheck = ref<string>("");
@@ -996,6 +996,7 @@ onMounted(async () => {
                               "
                             >
                               <q-btn
+                                dense
                                 :disable="
                                   statusCheck == 'NEW' ||
                                   !approvePendingCheck ||
@@ -1012,9 +1013,11 @@ onMounted(async () => {
                                     ? 'orange-3'
                                     : 'orange-5'
                                 "
+                                class="q-px-md"
                                 @click="openModal('authority')"
-                                ><q-tooltip>แสดงความคิดเห็น</q-tooltip></q-btn
                               >
+                                <q-tooltip>แสดงความคิดเห็น</q-tooltip>
+                              </q-btn>
                             </div>
                             <div v-else>
                               {{ props.row.comment ? props.row.comment : "-" }}