diff --git a/src/components/03_customer-management/AboutComponent.vue b/src/components/03_customer-management/AboutComponent.vue
index dad23d11..874d6ec7 100644
--- a/src/components/03_customer-management/AboutComponent.vue
+++ b/src/components/03_customer-management/AboutComponent.vue
@@ -34,7 +34,7 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
         :readonly="true"
         :borderless="readonly"
         hide-bottom-space
-        class="col-6"
+        class="col-3"
         :label="$t('branchCode')"
         v-model="employerBranchCode"
       />
@@ -48,11 +48,25 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
         :readonly="readonly"
         :borderless="readonly"
         hide-bottom-space
-        class="col-6"
+        class="col"
         :label="$t('customerName')"
         v-model="customerName"
       />
 
+      <q-input
+        for="input-customerEnglishName"
+        id="input-customerEnglishName"
+        v-if="typeCustomer === 'PERS'"
+        :dense="dense"
+        :outlined="!readonly"
+        :readonly="readonly"
+        :borderless="readonly"
+        hide-bottom-space
+        class="col"
+        :label="$t('customerEnglishName')"
+        v-model="customerEnglishName"
+      />
+
       <div class="row q-col-gutter-md">
         <q-input
           for="input-branchCode"