diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index 1485532e..c3ffdc0a 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -591,7 +591,7 @@ watch(inputSearch, async () => await fetchUserList());
             id="btn-filter"
             icon="mdi-tune-vertical-variant"
             size="sm"
-            class="bordered rounded"
+            class="bordered rounded surface-1"
             :class="{ 'app-text-info': statusFilter !== 'all' }"
             unelevated
           >