diff --git a/src/components/02_personnel-management/FormPerson.vue b/src/components/02_personnel-management/FormPerson.vue
index 1ed3544a..65f80d47 100644
--- a/src/components/02_personnel-management/FormPerson.vue
+++ b/src/components/02_personnel-management/FormPerson.vue
@@ -21,7 +21,7 @@ const nationality = defineModel<string>('nationality');
 const midName = defineModel<string | null>('midName');
 const midNameEN = defineModel<string | null>('midNameEN');
 
-defineProps<{
+const props = defineProps<{
   dense?: boolean;
   outlined?: boolean;
   readonly?: boolean;
@@ -91,6 +91,7 @@ watch(
 watch(
   () => prefixName.value,
   (v) => {
+    if (props.readonly) return;
     if (v === 'mr') gender.value = 'male';
     else gender.value = 'female';
   },