diff --git a/public/img-admin.png b/public/img-admin.png
new file mode 100644
index 00000000..87e8032a
Binary files /dev/null and b/public/img-admin.png differ
diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index 1180639f..30b8cb91 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -37,6 +37,7 @@ import SideMenu from 'src/components/SideMenu.vue';
 import ImageUploadDialog from 'src/components/ImageUploadDialog.vue';
 import FormAddress from 'src/components/02_personnel-management/FormAddress.vue';
 import DialogForm from 'src/components/DialogForm.vue';
+import { getRole } from 'src/services/keycloak';
 
 const { locale, t } = useI18n();
 const $q = useQuasar();
@@ -1167,16 +1168,19 @@ watch(
                         margin-bottom: var(--size-2);
                       "
                     >
+                      {{ console.log(props.row) }}
                       <div class="branch-card__icon">
                         <q-avatar size="md">
                           <q-img
                             :ratio="1"
                             :src="
-                              props.row.profileImageUrl
-                                ? props.row.profileImageUrl
-                                : props.row.gender === 'male'
-                                  ? '/no-img-man.png'
-                                  : '/no-img-female.png'
+                              props.row.userRole.includes('system')
+                                ? '/img-admin.png'
+                                : props.row.profileImageUrl
+                                  ? props.row.profileImageUrl
+                                  : props.row.gender === 'male'
+                                    ? '/no-img-man.png'
+                                    : '/no-img-female.png'
                             "
                           >
                             <template #error>
@@ -1407,11 +1411,13 @@ watch(
                       $i18n.locale === 'en-US'
                         ? `${props.row.firstNameEN} ${props.row.lastNameEN}`.trim()
                         : `${props.row.firstName} ${props.row.lastName}`.trim(),
-                    img: props.row.profileImageUrl
-                      ? props.row.profileImageUrl
-                      : props.row.gender === 'male'
-                        ? '/no-img-man.png'
-                        : '/no-img-female.png',
+                    img: props.row.userRole.includes('system')
+                      ? '/img-admin.png'
+                      : props.row.profileImageUrl
+                        ? props.row.profileImageUrl
+                        : props.row.gender === 'male'
+                          ? '/no-img-man.png'
+                          : '/no-img-female.png',
                     male: props.row.gender === 'male',
                     female: props.row.gender === 'female',
                     detail: [