diff --git a/src/components/01_branch-management/BtnAddComponent.vue b/src/components/AddButton.vue
similarity index 100%
rename from src/components/01_branch-management/BtnAddComponent.vue
rename to src/components/AddButton.vue
diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index 49472c85..e9ed3dee 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -6,7 +6,7 @@ import { Icon } from '@iconify/vue';
 import useBranchStore from 'stores/branch';
 import useBranchContactStore from 'stores/branch-contact';
 import AppBox from 'components/app/AppBox.vue';
-import BtnAddComponent from 'components/01_branch-management/BtnAddComponent.vue';
+import AddButton from 'components/AddButton.vue';
 import TooltipComponent from 'components/TooltipComponent.vue';
 import StatCardComponent from 'components/StatCardComponent.vue';
 import CardDetailsComponent from 'src/components/01_branch-management/CardDetailsComponent.vue';
@@ -452,7 +452,7 @@ onMounted(async () => {
           />
         </div>
         <div class="col self-center" style="display: flex; align-items: center">
-          <BtnAddComponent
+          <AddButton
             :label="'สร้างสำนักงานใหญ่'"
             @trigger="() => openDialog()"
           />
diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index f55e1bdc..f634033e 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -14,7 +14,7 @@ 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 BtnAddComponent from 'components/01_branch-management/BtnAddComponent.vue';
+import AddButton from 'components/AddButton.vue';
 import TooltipComponent from 'components/TooltipComponent.vue';
 import FormDialog from 'src/components/FormDialog.vue';
 
@@ -387,7 +387,7 @@ watch(
           </div>
         </div>
         <div class="col self-center" style="display: flex; align-items: center">
-          <BtnAddComponent
+          <AddButton
             :label="'personnelAdd'"
             :cyanOn="true"
             @trigger="openDialog"