diff --git a/src/components/04_product-service/BasicInfoProduct.vue b/src/components/04_product-service/BasicInfoProduct.vue
index 73b1dc65..1bf17d1a 100644
--- a/src/components/04_product-service/BasicInfoProduct.vue
+++ b/src/components/04_product-service/BasicInfoProduct.vue
@@ -81,7 +81,7 @@ onMounted(async () => {
       map-options
       options-dense
       :label="$t('registeredBranch')"
-      class="col-3"
+      class="col-3 "
       option-label="name"
       option-value="id"
       v-model="registeredBranchId"
@@ -93,6 +93,7 @@ onMounted(async () => {
     return isSpecialRole || !!val || 'กรุณากรอกข้อมูล';
   }
 ]"
+clearable 
     />
 
     <q-input
diff --git a/src/components/04_product-service/BasicInformation.vue b/src/components/04_product-service/BasicInformation.vue
index dba84f46..69bdbc3e 100644
--- a/src/components/04_product-service/BasicInformation.vue
+++ b/src/components/04_product-service/BasicInformation.vue
@@ -96,6 +96,7 @@ onMounted(  async() => {
 
     <q-select
       id="input-source-nationality"
+      
       :dense="dense"
       outlined
       :readonly="readonly"
@@ -105,7 +106,7 @@ onMounted(  async() => {
       map-options
       options-dense
       :label="$t('registeredBranch')"
-      class="col-3"
+      class="col-3 "
       option-label="name"
       option-value="id"
       v-model="registeredBranchId"
@@ -117,6 +118,7 @@ onMounted(  async() => {
     return isSpecialRole || !!val || 'กรุณากรอกข้อมูล';
   }
 ]"
+clearable 
     />
 
     <q-input