diff --git a/src/modules/04_registryNew/components/detail/PersonalInformation/Main.vue b/src/modules/04_registryNew/components/detail/PersonalInformation/Main.vue
index 9a98d940e..a19b72826 100644
--- a/src/modules/04_registryNew/components/detail/PersonalInformation/Main.vue
+++ b/src/modules/04_registryNew/components/detail/PersonalInformation/Main.vue
@@ -13,7 +13,10 @@ const tab = ref<string>("1");
 </script>
 <template>
   <div class="row items-center q-mb-lg">
-    <div class="text-dark row items-center text-weight-bold" style="font-size: 20px">
+    <div
+      class="text-dark row items-center text-weight-bold"
+      style="font-size: 20px"
+    >
       <q-icon name="mdi-account" class="q-mr-md" />
       <span>ข้อมูลส่วนตัว</span>
     </div>
diff --git a/src/modules/04_registryNew/components/detail/TabMain.vue b/src/modules/04_registryNew/components/detail/TabMain.vue
index b59798545..17bca957e 100644
--- a/src/modules/04_registryNew/components/detail/TabMain.vue
+++ b/src/modules/04_registryNew/components/detail/TabMain.vue
@@ -85,5 +85,6 @@ const splitterModel = ref<number>(12);
 .hover-tab:hover {
   background-color: #0793f1;
   color: white !important;
+  opacity: 1 !important;
 }
 </style>
diff --git a/src/modules/04_registryNew/views/list.vue b/src/modules/04_registryNew/views/list.vue
index bbcd28ff0..98a6feb57 100644
--- a/src/modules/04_registryNew/views/list.vue
+++ b/src/modules/04_registryNew/views/list.vue
@@ -141,6 +141,13 @@ function onClickShowFilter() {
 }
 
 function onclickSearch() {
+  isShowFilter.value = true;
+  isShowBtnFilter.value = false;
+  if (isShowFilter.value) {
+    fetchType();
+    fetchLevel();
+    fetchYearOption();
+  }
   formFilter.keyword = formFilter.keyword === null ? "" : formFilter.keyword;
   fetchDataPerson();
 }