diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index a605ff3d..8d4dacf8 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -1161,7 +1161,7 @@ watch(
                     <q-menu class="bordered">
                       <q-list v-close-popup>
                         <q-item
-                          :id="`view-detail-btn-${props.row.name}-view`"
+                          :id="`view-detail-btn-${props.row.username}-view`"
                           @click.stop="
                             () => {
                               openDialog('INFO', props.row.id);
@@ -1185,7 +1185,7 @@ watch(
                         </q-item>
 
                         <q-item
-                          :id="`view-detail-btn-${props.row.name}-edit`"
+                          :id="`view-detail-btn-${props.row.username}-edit`"
                           v-close-popup
                           clickable
                           dense
@@ -1208,7 +1208,7 @@ watch(
                           </span>
                         </q-item>
                         <q-item
-                          :id="`view-detail-btn-${props.row.name}-delete`"
+                          :id="`view-detail-btn-${props.row.username}-delete`"
                           dense
                           v-close-popup
                           :clickable="props.row.status === 'CREATED'"
@@ -1238,7 +1238,7 @@ watch(
                           <q-item-section class="q-py-sm">
                             <div class="q-pa-sm surface-2 rounded">
                               <q-toggle
-                                :id="`view-detail-btn-${props.row.name}-status`"
+                                :id="`view-detail-btn-${props.row.username}-status`"
                                 dense
                                 size="sm"
                                 :label="
@@ -1442,6 +1442,7 @@ watch(
         <template #person-card>
           <div class="q-ma-md">
             <ProfileUpload
+              prefix-id="drawer-info-personnel"
               v-model:url-profile="profileUrl"
               v-model:status-toggle="statusToggle"
               v-model:profile-submit="profileSubmit"
@@ -1487,6 +1488,7 @@ watch(
         </template>
         <template #person>
           <FormPerson
+            prefix-id="drawer-info-personnel"
             dense
             outlined
             separator
@@ -1547,6 +1549,7 @@ watch(
   >
     <template #prepend>
       <ProfileUpload
+        prefix-id="form-dialog-personnel"
         v-model:url-profile="urlProfile"
         v-model:status-toggle="statusToggle"
         v-model:profile-submit="profileSubmit"
@@ -1571,6 +1574,7 @@ watch(
     </template>
     <template #person>
       <FormPerson
+        prefix-id="form-dialog-personnel"
         dense
         outlined
         separator