diff --git a/src/components/07_agencies-management/FormBasicInfoAgencies.vue b/src/components/07_agencies-management/FormBasicInfoAgencies.vue
index 090a6187..571eb0b3 100644
--- a/src/components/07_agencies-management/FormBasicInfoAgencies.vue
+++ b/src/components/07_agencies-management/FormBasicInfoAgencies.vue
@@ -41,8 +41,8 @@ const nameEn = defineModel('nameEn', { default: '' });
         :option="optionStore.globalOption?.agenciesType"
         v-model="group"
       >
-        <template v-slot:option="{ opt }">
-          <q-item clickable @click="group = opt.value as string">
+        <template v-slot:option="{ scope, opt }">
+          <q-item v-bind="scope.itemProps" clickable>
             {{ opt.value }} ({{ opt.label }})
           </q-item>
         </template>