diff --git a/src/components/03_customer-management/AboutComponent.vue b/src/components/03_customer-management/AboutComponent.vue
index e79d68f5..0bfaccbb 100644
--- a/src/components/03_customer-management/AboutComponent.vue
+++ b/src/components/03_customer-management/AboutComponent.vue
@@ -37,6 +37,18 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
         v-model="employerBranchCode"
       />
 
+      <q-input
+        v-if="typeCustomer === 'customerNaturalPerson'"
+        :dense="dense"
+        :outlined="!readonly"
+        :readonly="readonly"
+        :borderless="readonly"
+        hide-bottom-space
+        class="col-6"
+        :label="$t('customerName')"
+        v-model="customerName"
+      />
+
       <div class="row q-col-gutter-md">
         <q-input
           v-if="typeCustomer === 'customerLegalEntity'"
@@ -72,7 +84,9 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
           :label="$t('customerEnglishName')"
           v-model="customerEnglishName"
         />
+
         <q-input
+          v-if="typeCustomer === 'customerLegalEntity'"
           :dense="dense"
           :outlined="!readonly"
           :readonly="readonly"
@@ -83,6 +97,7 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
           v-model="customerName"
         />
       </div>
+
       <q-input
         v-if="typeCustomer === 'customerLegalEntity'"
         :dense="dense"