diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index e838d1f0..21bd3969 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -1155,7 +1155,9 @@ watch(
                 </q-td>
 
                 <q-td v-if="fieldSelected.includes('userRole')">
-                  {{ props.row.userRole || '-' }}
+                  <span class="tags tags__purple">
+                    {{ props.row.userRole || '-' }}
+                  </span>
                 </q-td>
 
                 <q-td>
@@ -1738,6 +1740,10 @@ watch(
   --_color: var(--cyan-7-hsl);
 }
 
+.dark .tags__cyan {
+  --_color: var(--cyan-4-hsl);
+}
+
 .tags__yellow {
   --_color: var(--orange-4-hsl);
 }
@@ -1755,7 +1761,15 @@ watch(
 }
 
 .dark .tags__magenta {
-  --_color: var(--pink-7-hsl);
+  --_color: var(--pink-6-hsl);
+}
+
+.tags__purple {
+  --_color: var(--indigo-8-hsl);
+}
+
+.dark .tags__purple {
+  --_color: var(--indigo-3-hsl);
 }
 
 & .symbol-gender {