diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index a7a7b03f..305f8411 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -7,8 +7,8 @@ import PersonCard from 'components/home/PersonCard.vue';
 import AppBox from 'components/app/AppBox.vue';
 import StatCardComponent from 'components/StatCardComponent.vue';
 import SelectorList from 'components/SelectorList.vue';
-import BtnAddComponet from 'components/01_branch-management/BtnAddComponet.vue';
-import TooltipComponet from 'components/TooltipComponet.vue';
+import BtnAddComponent from 'components/01_branch-management/BtnAddComponent.vue';
+import TooltipComponent from 'components/TooltipComponent.vue';
 
 const userStore = useUserStore();
 const { data: userData } = storeToRefs(userStore);
@@ -82,23 +82,18 @@ const selectorList = [
       >
         <div class="col-1 self-end">
           <div class="row">
-            <tooltip-componet
+            <TooltipComponent
               title="personnelTooltipTitle"
               caption="personnelTooltipCaption"
               imgSrc="personnel-table-"
             />
           </div>
         </div>
-
         <div class="col self-center" style="display: flex; align-items: center">
-          <btn-add-componet
+          <BtnAddComponent
             :label="'personnelAdd'"
             :cyanOn="true"
-            @trigger="
-              () => {
-                console.log('test');
-              }
-            "
+            @trigger="() => console.log('test')"
           />
         </div>
       </div>