diff --git a/src/components/05_quotation/FormAbout.vue b/src/components/05_quotation/FormAbout.vue
index 0d7a5dac..af6309bc 100644
--- a/src/components/05_quotation/FormAbout.vue
+++ b/src/components/05_quotation/FormAbout.vue
@@ -17,13 +17,15 @@ const agentPrice = defineModel<boolean>('agentPrice');
 const branchOption = ref();
 const customerOption = ref();
 
-defineProps<{
+const props = defineProps<{
   outlined?: boolean;
   readonly?: boolean;
   separator?: boolean;
   employee?: boolean;
   title?: string;
   inputOnly?: boolean;
+
+  onCreate?: boolean;
 }>();
 
 defineEmits<{
@@ -83,14 +85,14 @@ onMounted(async () => {
   await init('', 'customer');
 });
 
-// watch(
-//   () => branchId.value,
-//   async (v) => {
-//     if (v) {
-//       customerBranchId.value = '';
-//     }
-//   },
-// );
+watch(
+  () => branchId.value,
+  async (v) => {
+    if (v && props.onCreate) {
+      customerBranchId.value = '';
+    }
+  },
+);
 </script>
 <template>
   <div class="row">
@@ -133,6 +135,7 @@ onMounted(async () => {
       <SelectInput
         :readonly
         incremental
+        :disable="!branchId"
         v-model="customerBranchId"
         class="col-md col-12"
         id="quotation-customer"
diff --git a/src/components/DialogForm.vue b/src/components/DialogForm.vue
index 510a18ab..730e9947 100644
--- a/src/components/DialogForm.vue
+++ b/src/components/DialogForm.vue
@@ -158,7 +158,7 @@ const currentTab = defineModel<string>('currentTab');
           class="col full-height column full-width"
           :class="{
             dark: $q.dark.isActive,
-            'surface-0': !employee,
+            'surface-2': !employee,
             'surface-tab': employee || tabsList,
           }"
           :style="`background: ${bgColor} !important`"
diff --git a/src/components/DrawerInfo.vue b/src/components/DrawerInfo.vue
index 9cb41778..e796890a 100644
--- a/src/components/DrawerInfo.vue
+++ b/src/components/DrawerInfo.vue
@@ -145,7 +145,7 @@ function reset() {
         <!-- body -->
         <div
           class="col form-body full-width"
-          :class="`${bgColor || 'surface-0'} ${$q.dark.isActive && 'dark'}`"
+          :class="`${bgColor || 'surface-2'} ${$q.dark.isActive && 'dark'}`"
         >
           <slot></slot>
           <slot name="info"></slot>
diff --git a/src/components/shared/SelectInput.vue b/src/components/shared/SelectInput.vue
index b9f666a5..b66343de 100644
--- a/src/components/shared/SelectInput.vue
+++ b/src/components/shared/SelectInput.vue
@@ -25,6 +25,7 @@ const props = withDefaults(
     clearable?: boolean;
     incremental?: boolean;
     fillInput?: boolean;
+    disable?: boolean;
 
     rules?: ((value: string) => string | true)[];
   }>(),
@@ -34,6 +35,7 @@ const props = withDefaults(
     optionValue: 'value',
     hideSelected: true,
     fillInput: true,
+    disable: false,
   },
 );
 
@@ -65,6 +67,7 @@ watch(
     :placeholder="placeholder"
     outlined
     :clearable
+    :disable
     use-input
     emit-value
     map-options
diff --git a/src/pages/05_quotation/MainPage.vue b/src/pages/05_quotation/MainPage.vue
index 3959a81a..c723f50c 100644
--- a/src/pages/05_quotation/MainPage.vue
+++ b/src/pages/05_quotation/MainPage.vue
@@ -860,6 +860,7 @@ watch(() => pageState.currentTab, fetchQuotationList);
         style="height: 100%; max-height: 100%; overflow-y: auto"
       >
         <FormAbout
+          on-create
           v-model:branch-id="branchId"
           v-model:customer-branch-id="quotationFormData.customerBranchId"
           @add-customer="triggerSelectTypeCustomerd()"