diff --git a/src/components/02_personnel-management/FormAddress.vue b/src/components/02_personnel-management/FormAddress.vue
index 761531fc..a13b4105 100644
--- a/src/components/02_personnel-management/FormAddress.vue
+++ b/src/components/02_personnel-management/FormAddress.vue
@@ -137,7 +137,7 @@ watch(districtId, fetchSubDistrict);
           "
         />
         <q-select
-          :id="`${id ? `select-province-${id}` : 'select-province'}`"
+          :id="`${id !== undefined ? `select-province-${id}` : 'select-province'}`"
           :dense="dense"
           :readonly="readonly || sameWithEmployer"
           :outlined="readonly ? false : outlined"
@@ -166,7 +166,7 @@ watch(districtId, fetchSubDistrict);
         />
 
         <q-select
-          :id="`${id ? `select-district-${id}` : 'select-district'}`"
+          :id="`${id !== undefined ? `select-district-${id}` : 'select-district'}`"
           :dense="dense"
           :readonly="readonly || sameWithEmployer"
           :outlined="readonly ? false : outlined"
@@ -194,7 +194,7 @@ watch(districtId, fetchSubDistrict);
           @update:model-value="subDistrictId = zipCode = null"
         />
         <q-select
-          :id="`${id ? `select-sub-district-${id}` : 'select-sub-district'}`"
+          :id="`${id !== undefined ? `select-sub-district-${id}` : 'select-sub-district'}`"
           :dense="dense"
           :readonly="readonly || sameWithEmployer"
           :outlined="readonly ? false : outlined"
@@ -222,7 +222,7 @@ watch(districtId, fetchSubDistrict);
           @update:model-value="(v: string) => selectSubDistrict(v)"
         />
         <q-input
-          :for="`${id ? `input-zip-code-${id}` : 'input-zip-code'}`"
+          :for="`${id !== undefined ? `input-zip-code-${id}` : 'input-zip-code'}`"
           :dense="dense"
           :outlined="readonly ? false : outlined"
           :borderless="readonly"
@@ -237,7 +237,7 @@ watch(districtId, fetchSubDistrict);
       </div>
       <div class="col-9 row q-col-gutter-md">
         <q-input
-          :for="`${id ? `input-address-en-${id}` : 'input-address-en'}`"
+          :for="`${id !== undefined ? `input-address-en-${id}` : 'input-address-en'}`"
           :dense="dense"
           :readonly="readonly || sameWithEmployer"
           :outlined="readonly ? false : outlined"
@@ -258,7 +258,7 @@ watch(districtId, fetchSubDistrict);
           "
         />
         <q-select
-          :id="`${id ? `select-province-en-${id}` : 'select-province-en'}`"
+          :id="`${id !== undefined ? `select-province-en-${id}` : 'select-province-en'}`"
           hide-bottom-space
           :dense="dense"
           :readonly="readonly || sameWithEmployer"
@@ -286,7 +286,7 @@ watch(districtId, fetchSubDistrict);
           @update:model-value="districtId = subDistrictId = zipCode = null"
         />
         <q-select
-          :id="`${id ? `select-district-en-${id}` : 'select-district-en'}`"
+          :id="`${id !== undefined ? `select-district-en-${id}` : 'select-district-en'}`"
           hide-bottom-space
           :dense="dense"
           :readonly="readonly || sameWithEmployer"
@@ -314,7 +314,7 @@ watch(districtId, fetchSubDistrict);
           @update:model-value="subDistrictId = zipCode = null"
         />
         <q-select
-          :id="`${id ? `select-sub-district-en-${id}` : 'select-sub-district-en'}`"
+          :id="`${id !== undefined ? `select-sub-district-en-${id}` : 'select-sub-district-en'}`"
           hide-bottom-space
           :dense="dense"
           :readonly="readonly || sameWithEmployer"
@@ -343,7 +343,7 @@ watch(districtId, fetchSubDistrict);
         />
         <q-input
           hide-bottom-space
-          :for="`${id ? `input-zip-code-${id}` : 'input-zip-code'}`"
+          :for="`${id !== undefined ? `input-zip-code-${id}` : 'input-zip-code'}`"
           :dense="dense"
           :outlined="readonly ? false : outlined"
           :borderless="readonly"