diff --git a/src/modules/06_retirement/components/ListRetirement/TableList.vue b/src/modules/06_retirement/components/ListRetirement/TableList.vue
index e8139c971..7ecc3666f 100644
--- a/src/modules/06_retirement/components/ListRetirement/TableList.vue
+++ b/src/modules/06_retirement/components/ListRetirement/TableList.vue
@@ -7,6 +7,7 @@ import { useRoute } from "vue-router";
 import { useRouter } from "vue-router";
 import http from "@/plugins/http";
 import config from "@/app.config";
+import DialogHeader from "@/components/DialogHeader.vue";
 
 const route = useRoute();
 const router = useRouter();
@@ -157,6 +158,10 @@ onMounted(() => {
   // fetchReportCover("pdf", retireld.value);
   // fetchReportCover("docx", retireld.value);
 });
+
+const closeDialog = () => {
+  modalNote.value = false;
+};
 const round = ref<number>();
 const typeReport = ref<string>("");
 const statusReport = ref<boolean>();
@@ -706,21 +711,9 @@ const paginationLabel = (start: number, end: number, total: number) => {
   <q-dialog v-model="modalNote">
     <q-card style="width: 700px; max-width: 80vw">
       <q-card-section class="q-pt-none">
-        <q-toolbar class="q-py-md">
-          <q-toolbar-title class="header-text text-weight-bolder"
-            >กรอกเหตุผล
-          </q-toolbar-title>
-          <q-btn
-            icon="close"
-            unelevated
-            round
-            dense
-            @click="modalNote = false"
-            style="color: #ff8080; background-color: #ffdede"
-          />
-        </q-toolbar>
+        <DialogHeader tittle="กรอกเหตุผล" :close="closeDialog" />
       </q-card-section>
-      <q-card-section class="q-pt-none">
+      <q-card-section class="q-pt-none bg-grey-1">
         <q-input
           outlined
           dense