diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 303bb2c7..b8a626a7 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -2479,6 +2479,7 @@ const emptyCreateDialog = ref(false);
     >
       <div
         class="col surface-1 full-height rounded bordered scroll row relative-position"
+        :key="String(!employeeFormState.isEmployeeEdit)"
       >
         <div
           class="col"
@@ -4354,7 +4355,10 @@ const emptyCreateDialog = ref(false);
           'q-px-md q-pb-sm': !$q.screen.gt.sm,
         }"
       >
-        <div class="col bg-red surface-1 rounded bordered row">
+        <div
+          class="col bg-red surface-1 rounded bordered row"
+          :key="String(!employeeFormState.isEmployeeEdit)"
+        >
           <div class="col full-height scroll" v-if="$q.screen.gt.sm">
             <div class="q-py-md q-pl-md q-pr-sm">
               <SideMenu
@@ -4627,7 +4631,7 @@ const emptyCreateDialog = ref(false);
                 "
                 class="q-mb-xl"
               />
-              <FormPerson
+              <FormPerso
                 id="drawer-form-personal"
                 prefix-id="drawer-info-employee"
                 dense
@@ -4666,6 +4670,7 @@ const emptyCreateDialog = ref(false);
                   employeeFormState.formDataEmployeeSameAddr
                 "
                 :readonly="!employeeFormState.isEmployeeEdit"
+                :disabledRule="!employeeFormState.isEmployeeEdit"
                 prefix-id="drawer-info-personnel"
                 dense
                 class="q-mb-xl"