diff --git a/src/modules/04_registryPerson/views/listView.vue b/src/modules/04_registryPerson/views/listView.vue
index 08080472d..beb426486 100644
--- a/src/modules/04_registryPerson/views/listView.vue
+++ b/src/modules/04_registryPerson/views/listView.vue
@@ -1,5 +1,12 @@
 <script setup lang="ts">
-import { ref, reactive, onMounted, watch, defineAsyncComponent } from "vue";
+import {
+  ref,
+  reactive,
+  onMounted,
+  watch,
+  defineAsyncComponent,
+  computed,
+} from "vue";
 import { useQuasar } from "quasar";
 
 import http from "@/plugins/http";
@@ -392,7 +399,7 @@ onMounted(async () => {
   <q-card class="q-mt-md">
     <q-card-section class="card-img q-pb-lg">
       <div class="text-h5 text-center q-py-md text-weight-medium">
-        ค้นหาข้อมูลทะเบียนประวัติ
+        ค้นหาข้อมูลทะเบียนประวัติ {{ store.formFilter.dateAppoint }}
         {{
           empType === "officer" ? "ข้าราชการ กทม. สามัญ" : "ลูกจ้างประจำ กทม."
         }}
@@ -638,6 +645,7 @@ onMounted(async () => {
             </q-btn-dropdown>
 
             <q-separator inset vertical class="lineFil" />
+
             <q-btn-dropdown
               rounded
               flat
@@ -651,8 +659,8 @@ onMounted(async () => {
                   `ลำดับการแสดผล ${
                     store.formFilter.dateAppoint
                       ? store.formFilter.dateAppoint === "ASC"
-                        ? "ล่าสุด-เก่า"
-                        : "เก่า-ล่าสุด"
+                        ? "เก่า-ล่าสุด"
+                        : "ล่าสุด-เก่า"
                       : ""
                   }`
                 }}
@@ -751,8 +759,8 @@ onMounted(async () => {
                   `ลำดับการแสดผล ${
                     store.formFilter.dateAppoint
                       ? store.formFilter.dateAppoint === "ASC"
-                        ? "ล่าสุด-เก่า"
-                        : "เก่า-ล่าสุด"
+                        ? "เก่า-ล่าสุด"
+                        : "ล่าสุด-เก่า"
                       : ""
                   }`
                 }}