diff --git a/src/components/03_customer-management/AboutComponent.vue b/src/components/03_customer-management/AboutComponent.vue
index 0bfaccbb..293d3edc 100644
--- a/src/components/03_customer-management/AboutComponent.vue
+++ b/src/components/03_customer-management/AboutComponent.vue
@@ -26,7 +26,7 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
     <div class="col-3 app-text-muted">• {{ $t(`about`) }}</div>
     <div class="col-9 row q-col-gutter-md">
       <q-input
-        v-if="typeCustomer === 'customerNaturalPerson'"
+        v-if="typeCustomer === 'PERS'"
         :dense="dense"
         :outlined="!readonly"
         :readonly="true"
@@ -38,7 +38,7 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
       />
 
       <q-input
-        v-if="typeCustomer === 'customerNaturalPerson'"
+        v-if="typeCustomer === 'PERS'"
         :dense="dense"
         :outlined="!readonly"
         :readonly="readonly"
@@ -51,7 +51,7 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
 
       <div class="row q-col-gutter-md">
         <q-input
-          v-if="typeCustomer === 'customerLegalEntity'"
+          v-if="typeCustomer === 'CORP'"
           :dense="dense"
           :outlined="!readonly"
           :readonly="true"
@@ -62,7 +62,7 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
           v-model="branchCode"
         />
         <q-input
-          v-if="typeCustomer === 'customerLegalEntity'"
+          v-if="typeCustomer === 'CORP'"
           :dense="dense"
           :outlined="!readonly"
           :readonly="true"
@@ -74,7 +74,7 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
         />
 
         <q-input
-          v-if="typeCustomer === 'customerLegalEntity'"
+          v-if="typeCustomer === 'CORP'"
           :dense="dense"
           :outlined="!readonly"
           :readonly="readonly"
@@ -86,7 +86,7 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
         />
 
         <q-input
-          v-if="typeCustomer === 'customerLegalEntity'"
+          v-if="typeCustomer === 'CORP'"
           :dense="dense"
           :outlined="!readonly"
           :readonly="readonly"
@@ -99,7 +99,7 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
       </div>
 
       <q-input
-        v-if="typeCustomer === 'customerLegalEntity'"
+        v-if="typeCustomer === 'CORP'"
         :dense="dense"
         :outlined="!readonly"
         :readonly="readonly"
@@ -110,7 +110,7 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
         v-model="taxNo"
       />
       <q-input
-        v-if="typeCustomer === 'customerLegalEntity'"
+        v-if="typeCustomer === 'CORP'"
         :dense="dense"
         :outlined="!readonly"
         :readonly="readonly"
@@ -121,7 +121,7 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
         v-model="registerName"
       />
       <q-input
-        v-if="typeCustomer === 'customerLegalEntity'"
+        v-if="typeCustomer === 'CORP'"
         :dense="dense"
         :outlined="!readonly"
         :readonly="readonly"
@@ -132,7 +132,7 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
         v-model="authorizedCapital"
       />
       <VueDatePicker
-        v-if="typeCustomer === 'customerLegalEntity'"
+        v-if="typeCustomer === 'CORP'"
         :teleport="true"
         utc
         autoApply
diff --git a/src/components/03_customer-management/BasicInformation.vue b/src/components/03_customer-management/BasicInformation.vue
index a3de9d17..d000b881 100644
--- a/src/components/03_customer-management/BasicInformation.vue
+++ b/src/components/03_customer-management/BasicInformation.vue
@@ -26,7 +26,7 @@ defineProps<{
   </div>
   <div v-if="!employee" class="col-9 row q-col-gutter-md">
     <q-input
-      v-if="typeCustomer === 'customerNaturalPerson'"
+      v-if="typeCustomer === 'PERS'"
       :dense="dense"
       :outlined="!readonly"
       :readonly="true"
@@ -37,7 +37,7 @@ defineProps<{
       v-model="employerID"
     />
     <q-input
-      v-if="typeCustomer === 'customerNaturalPerson'"
+      v-if="typeCustomer === 'PERS'"
       :dense="dense"
       :outlined="!readonly"
       :readonly="readonly"
diff --git a/src/components/03_customer-management/CustomerInfoComponent.vue b/src/components/03_customer-management/CustomerInfoComponent.vue
index 8d39392d..9d8f7cef 100644
--- a/src/components/03_customer-management/CustomerInfoComponent.vue
+++ b/src/components/03_customer-management/CustomerInfoComponent.vue
@@ -60,7 +60,11 @@ onMounted(async () => {
           class="q-mr-md"
         />
         <q-card-section
-          class="q-pa-sm q-pt-md bg-green q-mr-md q-mb-sm"
+          class="q-pa-sm q-pt-md q-mr-md q-mb-sm"
+          :class="{
+            color__purple: customerType === 'CORP',
+            color__green: customerType === 'PERS',
+          }"
           style="border-radius: 0 0 40px 40px; position: relative"
         >
           <q-avatar no-padding size="50px">
diff --git a/src/components/FormDialog.vue b/src/components/FormDialog.vue
index 8d3ae274..69b9762b 100644
--- a/src/components/FormDialog.vue
+++ b/src/components/FormDialog.vue
@@ -51,7 +51,7 @@ const tabsList = defineModel<{ name: string; label: string }[]>('tabsList');
                 <text
                   class="text-customer"
                   :class="{ 'dark-text': $q.dark.isActive }"
-                  :style="`color: ${customerLabel === 'customerLegalEntity' ? 'var(--purple-8)' : 'var(--green-9)'} `"
+                  :style="`color: ${customerLabel === 'CORP' ? 'var(--purple-8)' : 'var(--green-9)'} `"
                 >
                   {{ $t(customerLabel) }}
                 </text>
diff --git a/src/components/UsersDetailCardComponent.vue b/src/components/UsersDetailCardComponent.vue
index 7ce835fa..00797d59 100644
--- a/src/components/UsersDetailCardComponent.vue
+++ b/src/components/UsersDetailCardComponent.vue
@@ -16,7 +16,7 @@ withDefaults(
     list: {
       imageUrl?: string;
       id: string;
-      type: 'customerLegalEntity' | 'customerNaturalPerson';
+      type: 'CORP' | 'PERS';
       name: string;
       code: string;
       detail?: { label: string; value: string }[];
@@ -152,7 +152,15 @@ defineEmits<{
           </q-card-section>
         </div>
         <div class="box-title">
-          <div class="rounded title">{{ $t(list.type) }}</div>
+          <div class="rounded title">
+            {{
+              $t(
+                list.type === 'CORP'
+                  ? 'customerLegalEntity'
+                  : 'customerNaturalPerson',
+              )
+            }}
+          </div>
         </div>
         <q-card-section class="no-padding">
           <div class="column items-center justify-center q-mb-md">