diff --git a/src/modules/04_registry/components/PopupHistory.vue b/src/modules/04_registry/components/PopupHistory.vue
index 585d25c3a..91c766f9a 100644
--- a/src/modules/04_registry/components/PopupHistory.vue
+++ b/src/modules/04_registry/components/PopupHistory.vue
@@ -240,7 +240,7 @@ const paginationLabel = (start: number, end: number, total: number) => {
               <q-form ref="myForm">
                 <div class="row col-12 q-col-gutter-xs">
                   <q-select
-                    class="col-3"
+                    class="col-4"
                     hide-bottom-space
                     :rules="[(val:string) => !!val || `${'กรุณาเลือก ประเภท'}`]"
                     outlined
@@ -258,7 +258,7 @@ const paginationLabel = (start: number, end: number, total: number) => {
                     @update:model-value="changeEmployeeClass"
                   />
                   <q-select
-                    class="col-2"
+                    class="col-4"
                     hide-bottom-space
                     :rules="[(val:string) => !!val || `${'กรุณาเลือก ฟิลด์ที่จะค้น'}`]"
                     outlined
diff --git a/src/modules/04_registryNew/components/TableView.vue b/src/modules/04_registryNew/components/TableView.vue
index 859856ca4..2e8d46b22 100644
--- a/src/modules/04_registryNew/components/TableView.vue
+++ b/src/modules/04_registryNew/components/TableView.vue
@@ -356,22 +356,26 @@ watch(
             </div>
           </q-card-section>
 
-          <q-card-section class="q-px-md">
+          <q-card-section class="q-pa-sm">
             <q-card bordered class="bg-grey-13">
-              <q-list>
-                <q-item>
+              <q-list dense class="q-py-sm">
+                <q-item dense>
                   <q-item-section>
                     <q-item-label caption>ตำแหน่งเลขที่</q-item-label>
-                    <q-item-label>{{
+                  </q-item-section>
+                  <q-item-section>
+                    <q-item-label caption class="text-black">{{
                       props.row.posNo ? props.row.posNo : "-"
                     }}</q-item-label>
                   </q-item-section>
                 </q-item>
 
-                <q-item>
+                <q-item dense>
                   <q-item-section>
                     <q-item-label caption>ตำแหน่ง</q-item-label>
-                    <q-item-label>
+                  </q-item-section>
+                  <q-item-section>
+                    <q-item-label caption class="text-black">
                       {{
                         props.row.position ? props.row.position : "-"
                       }}</q-item-label
@@ -379,26 +383,28 @@ watch(
                   </q-item-section>
                 </q-item>
 
-                <q-item>
+                <q-item dense>
                   <q-item-section>
                     <q-item-label caption>ประเภทตำแหน่ง</q-item-label>
-                    <q-item-label>
+                  </q-item-section>
+                  <q-item-section>
+                    <q-item-label caption class="text-black">
                       {{
                         props.row.posType ? props.row.posType : "-"
                       }}</q-item-label
                     >
                   </q-item-section>
                 </q-item>
-                <q-item>
+
+                <q-item dense>
                   <q-item-section>
-                    <q-item-label caption
-                      >ระดับตำแหน่ง/ระดับชั้นงาน</q-item-label
-                    >
-                    <q-item-label>
+                    <q-item-label caption>ระดับชั้นงาน</q-item-label>
+                  </q-item-section>
+                  <q-item-section>
+                    <q-item-label caption class="text-black">
                       {{
                         props.row.posLevel ? props.row.posLevel : "-"
-                      }}</q-item-label
-                    >
+                      }}</q-item-label>
                   </q-item-section>
                 </q-item>
               </q-list>