diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index 684126ce..d8e1d62c 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -72,7 +72,7 @@ const defaultFormData = {
 
 const userCode = ref<string>();
 const currentUser = ref<User>();
-const infoPersonCardEdit = ref(false);
+const infoDrawerEdit = ref(false);
 const infoPersonId = ref<string>('');
 const infoPersonCard = ref();
 const infoDrawer = ref(false);
@@ -185,7 +185,7 @@ async function openDialog(action?: 'FORM' | 'INFO', idEdit?: string) {
   } else if (action === 'INFO') {
     if (!userData.value) return;
     infoDrawer.value = true;
-    infoPersonCardEdit.value = false;
+    infoDrawerEdit.value = false;
     const user = userData.value.result.find((x) => x.id === idEdit);
     infoPersonCard.value = user
       ? [
@@ -212,7 +212,7 @@ async function openDialog(action?: 'FORM' | 'INFO', idEdit?: string) {
 
 function undo() {
   if (!infoPersonId.value) return;
-  infoPersonCardEdit.value = false;
+  infoDrawerEdit.value = false;
   assignFormData(infoPersonId.value);
 }
 
@@ -710,7 +710,7 @@ watch(
     bg-on
     :badgeClass="formData.gender === 'male' ? 'app-bg-male' : 'app-bg-female'"
     :badgeLabel="userCode"
-    :isEdit="infoPersonCardEdit"
+    :isEdit="infoDrawerEdit"
     :title="
       $i18n.locale === 'en-US'
         ? `${currentUser.firstNameEN} ${currentUser.lastNameEN}`
@@ -721,13 +721,13 @@ watch(
     :submit="() => onSubmit()"
     :close="() => onClose()"
     :undo="() => undo()"
-    :editData="() => (infoPersonCardEdit = true)"
+    :editData="() => (infoDrawerEdit = true)"
   >
     <template #info>
       <InfoForm
         :addressTitle="$t('formDialogTitleAddressPure')"
         :addressTitleEN="$t('formDialogTitleAddressPure') + ' ENG'"
-        :readonly="!infoPersonCardEdit"
+        :readonly="!infoDrawerEdit"
         v-model:address="formData.address"
         v-model:addressEN="formData.addressEN"
         v-model:provinceId="formData.provinceId"
@@ -754,7 +754,7 @@ watch(
             dense
             outlined
             separator
-            :readonly="!infoPersonCardEdit"
+            :readonly="!infoDrawerEdit"
             :usernameReadonly="isEdit"
             v-model:hqId="hqId"
             v-model:brId="brId"
@@ -769,7 +769,7 @@ watch(
             dense
             outlined
             separator
-            :readonly="!infoPersonCardEdit"
+            :readonly="!infoDrawerEdit"
             v-model:firstName="formData.firstName"
             v-model:lastName="formData.lastName"
             v-model:firstNameEN="formData.firstNameEN"
@@ -785,7 +785,7 @@ watch(
             dense
             outlined
             separator
-            :readonly="!infoPersonCardEdit"
+            :readonly="!infoDrawerEdit"
             v-model:userType="formData.userType"
             v-model:registrationNo="formData.registrationNo"
             v-model:startDate="formData.startDate"