diff --git a/src/components/04_product-service/BasicInformation.vue b/src/components/04_product-service/BasicInformation.vue
index b51ce684..8ce9f070 100644
--- a/src/components/04_product-service/BasicInformation.vue
+++ b/src/components/04_product-service/BasicInformation.vue
@@ -41,6 +41,7 @@ const props = defineProps<{
         $t(isType ? 'productAndServiceTypeName' : 'productAndServiceGroupName')
       "
       v-model="name"
+      :rules="[(val: string) => !!val || $t('pleaseInformation')]"
     />
     <q-input
       :dense="dense"
@@ -79,7 +80,6 @@ const props = defineProps<{
 
     <q-select
       id="input-source-nationality"
-      
       :dense="dense"
       outlined
       :readonly="readonly"
@@ -89,19 +89,21 @@ const props = defineProps<{
       map-options
       options-dense
       :label="$t('registeredBranch')"
-      class="col-3 "
+      class="col-3"
       option-label="name"
       option-value="id"
       v-model="registeredBranchId"
       :options="optionsBranch"
       :rules="[
-  (val) => {
-    const roles = getRole() || [];
-    const isSpecialRole = ['admin', 'system', 'head_of_admin'].some(role => roles.includes(role));
-    return isSpecialRole || !!val || 'กรุณากรอกข้อมูล';
-  }
-]"
-clearable 
+        (val) => {
+          const roles = getRole() || [];
+          const isSpecialRole = ['admin', 'system', 'head_of_admin'].some(
+            (role) => roles.includes(role),
+          );
+          return isSpecialRole || !!val || 'กรุณากรอกข้อมูล';
+        },
+      ]"
+      clearable
     />
 
     <q-input