diff --git a/src/modules/10_registry/01_Information/01_Information.vue b/src/modules/10_registry/01_Information/01_Information.vue
index f97a40e..fc736f7 100644
--- a/src/modules/10_registry/01_Information/01_Information.vue
+++ b/src/modules/10_registry/01_Information/01_Information.vue
@@ -411,10 +411,10 @@ onMounted(async () => {
       <div class="row">
         <div class="col-12 col-sm-12 col-md-6 q-gutter-y-sm">
           <div class="row">
-            <div class="col-5 text-grey-6 text-weight-medium">
+            <div class="col-4 text-grey-6 text-weight-medium">
               เลขประจำตัวประชาชน
             </div>
-            <div class="col-7">
+            <div class="col-8">
               {{
                 formDataInformation.citizenId
                   ? formDataInformation.citizenId
@@ -424,8 +424,8 @@ onMounted(async () => {
           </div>
 
           <div class="row">
-            <div class="col-5 text-grey-6 text-weight-medium">ชื่อ - สกุล</div>
-            <div class="col-7">
+            <div class="col-4 text-grey-6 text-weight-medium">ชื่อ - สกุล</div>
+            <div class="col-8">
               {{
                 formDataInformation.firstName
                   ? `${
@@ -441,10 +441,10 @@ onMounted(async () => {
           </div>
 
           <div class="row">
-            <div class="col-5 text-grey-6 text-weight-medium">
+            <div class="col-4 text-grey-6 text-weight-medium">
               วัน/เดือน/ปีเกิด
             </div>
-            <div class="col-7">
+            <div class="col-8">
               {{
                 formDataInformation.birthDate
                   ? date2Thai(formDataInformation.birthDate)
@@ -454,8 +454,8 @@ onMounted(async () => {
           </div>
 
           <div class="row">
-            <div class="col-5 text-grey-6 text-weight-medium">เพศ</div>
-            <div class="col-7">
+            <div class="col-4 text-grey-6 text-weight-medium">เพศ</div>
+            <div class="col-8">
               {{
                 formDataInformation.gender ? formDataInformation.gender : "-"
               }}
@@ -463,8 +463,8 @@ onMounted(async () => {
           </div>
 
           <div class="row">
-            <div class="col-5 text-grey-6 text-weight-medium">สถานภาพ</div>
-            <div class="col-7">
+            <div class="col-4 text-grey-6 text-weight-medium">สถานภาพ</div>
+            <div class="col-8">
               {{
                 formDataInformation.relationship
                   ? formDataInformation.relationship
@@ -476,8 +476,8 @@ onMounted(async () => {
 
         <div class="col-12 col-sm-12 col-md-6 q-gutter-y-sm">
           <div class="row">
-            <div class="col-5 text-grey-6 text-weight-medium">สัญชาติ</div>
-            <div class="col-7">
+            <div class="col-4 text-grey-6 text-weight-medium">สัญชาติ</div>
+            <div class="col-8">
               {{
                 formDataInformation.nationality
                   ? formDataInformation.nationality
@@ -486,8 +486,8 @@ onMounted(async () => {
             </div>
           </div>
           <div class="row">
-            <div class="col-5 text-grey-6 text-weight-medium">เชื้อชาติ</div>
-            <div class="col-7">
+            <div class="col-4 text-grey-6 text-weight-medium">เชื้อชาติ</div>
+            <div class="col-8">
               {{
                 formDataInformation.ethnicity
                   ? formDataInformation.ethnicity
@@ -496,8 +496,8 @@ onMounted(async () => {
             </div>
           </div>
           <div class="row">
-            <div class="col-5 text-grey-6 text-weight-medium">ศาสนา</div>
-            <div class="col-7">
+            <div class="col-4 text-grey-6 text-weight-medium">ศาสนา</div>
+            <div class="col-8">
               {{
                 formDataInformation.religion
                   ? formDataInformation.religion
@@ -506,8 +506,8 @@ onMounted(async () => {
             </div>
           </div>
           <div class="row">
-            <div class="col-5 text-grey-6 text-weight-medium">หมู่เลือด</div>
-            <div class="col-7">
+            <div class="col-4 text-grey-6 text-weight-medium">หมู่เลือด</div>
+            <div class="col-8">
               {{
                 formDataInformation.bloodGroup
                   ? formDataInformation.bloodGroup
@@ -516,8 +516,8 @@ onMounted(async () => {
             </div>
           </div>
           <div class="row">
-            <div class="col-5 text-grey-6 text-weight-medium">เบอร์โทร</div>
-            <div class="col-7">
+            <div class="col-4 text-grey-6 text-weight-medium">เบอร์โทร</div>
+            <div class="col-8">
               <div class="row q-col-gutter-sm">
                 <div class="col-9">
                   <q-input
@@ -580,8 +580,8 @@ onMounted(async () => {
             </div>
           </div>
           <div class="row">
-            <div class="col-5 text-grey-6 text-weight-medium">อีเมล</div>
-            <div class="col-7">
+            <div class="col-4 text-grey-6 text-weight-medium">อีเมล</div>
+            <div class="col-8">
               <div class="row q-col-gutter-sm">
                 <div class="col-9">
                   <q-input