diff --git a/src/components/01_branch-management/BtnAddComponet.vue b/src/components/01_branch-management/BtnAddComponet.vue
index d5f289e2..16cc1445 100644
--- a/src/components/01_branch-management/BtnAddComponet.vue
+++ b/src/components/01_branch-management/BtnAddComponet.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 defineProps<{
   label?: string;
+  cyanOn?: boolean;
 }>();
 </script>
 
@@ -16,7 +17,9 @@ defineProps<{
         round
       />
     </div>
-    <div v-if="label" class="row q-mt-sm color-text">{{ $t(label) }}</div>
+    <div v-if="label" class="row q-mt-sm color-text" :class="{ cyan: cyanOn }">
+      {{ $t(label) }}
+    </div>
   </div>
 </template>
 
@@ -31,6 +34,10 @@ defineProps<{
 
   .color-text {
     color: var(--stone-6);
+
+    &.cyan {
+      color: hsl(var(--cyan-5-hsl));
+    }
   }
 
   &.dark {
diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index f4fade9b..b3b79213 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -163,6 +163,7 @@ const selectorList = [
         <div class="col self-center" style="display: flex; align-items: center">
           <btn-add-componet
             :label="'personnelAdd'"
+            :cyanOn="true"
             @trigger="
               () => {
                 console.log('test');