diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index deb4a4e2..163fd328 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -20,6 +20,7 @@ import FormDialog from 'src/components/FormDialog.vue';
 import FormInformation from 'src/components/02_personnel-management/FormInformation.vue';
 import FormPerson from 'src/components/02_personnel-management/FormPerson.vue';
 import FormByType from 'src/components/02_personnel-management/FormByType.vue';
+import { computed } from 'vue';
 
 const router = useRouter();
 const userStore = useUserStore();
@@ -122,12 +123,12 @@ inputFile.addEventListener('change', (e) => {
   profileFile.value = (e.currentTarget as HTMLInputElement).files?.[0];
 });
 
-const selectorList = [
-  { label: 'USER', count: 0 },
-  { label: 'MESSENGER', count: 0 },
-  { label: 'DELEGATE', count: 0 },
-  { label: 'AGENCY', count: 0 },
-];
+const selectorList = computed(() => [
+  { label: 'USER', count: typeStats.value?.USER || 0 },
+  { label: 'MESSENGER', count: typeStats.value?.MESSENGER || 0 },
+  { label: 'DELEGATE', count: typeStats.value?.DELEGATE || 0 },
+  { label: 'AGENCY', count: typeStats.value?.AGENCY || 0 },
+]);
 
 async function openDialog(idEdit?: string) {
   modal.value = true;