diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index fd993012..116fe095 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -688,7 +688,9 @@ watch(inputSearch, async () => await fetchUserList());
     >
       <div class="col-4">
         <div class="row items-center">
-          <div style="width: 80px">{{ $t('showing') }}</div>
+          <div class="app-text-muted" style="width: 80px">
+            {{ $t('showing') }}
+          </div>
           <div>
             <q-btn-dropdown dense unelevated :label="pageSize">
               <q-list>