diff --git a/src/components/03_customer-management/BasicInformation.vue b/src/components/03_customer-management/BasicInformation.vue
index f42efd4a..91c75ee6 100644
--- a/src/components/03_customer-management/BasicInformation.vue
+++ b/src/components/03_customer-management/BasicInformation.vue
@@ -122,7 +122,7 @@ onMounted(async () => {});
   <div v-if="employee" class="col-9 row q-col-gutter-md">
     <q-select
       for="select-employer-branch"
-      use-input
+      :use-input="!customerBranch"
       input-debounce="0"
       :hide-dropdown-icon="readonly"
       :dense="dense"
@@ -223,14 +223,15 @@ onMounted(async () => {});
 
       <template v-slot:selected-item="scope">
         <div v-if="scope.opt" class="row items-center no-wrap">
-          {{ scope.opt.code }}
-
-          {{ $t('branchName') }}:
-          {{ $i18n.locale === 'en-US' ? scope.opt.nameEN : scope.opt.name }}
+          <div class="q-mr-sm">
+            {{ scope.opt.code }}
 
+            {{ $t('branchName') }}:
+            {{ $i18n.locale === 'en-US' ? scope.opt.nameEN : scope.opt.name }}
+          </div>
           <div
-            class="text-caption app-text-muted-2 ellipsis q-ml-sm"
-            style="max-width: 24vw; min-width: 0"
+            class="text-caption app-text-muted-2 ellipsis col"
+            style="max-width: 26vw"
             v-if="scope.opt.customer && scope.opt.province"
           >
             {{ $t('customerBranchName') }}: