diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index ba1ccb2e..616f96db 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -748,9 +748,7 @@ watch(locale, () => {
 
                   <div class="col-6 row q-gutter-x-sm justify-end text-right">
                     <q-btn-dropdown
-                      class="bordered rounded"
-                      :color="$q.dark.isActive ? '' : 'white'"
-                      :text-color="$q.dark.isActive ? '' : 'grey-10'"
+                      class="bordered rounded surface-1 q-pl-md"
                       dense
                       unelevated
                       :label="labelBtnStatus"
@@ -808,12 +806,10 @@ watch(locale, () => {
                     </q-btn-dropdown>
 
                     <q-btn
-                      :color="$q.dark.isActive ? '' : 'white'"
-                      :text-color="$q.dark.isActive ? '' : 'grey-10'"
                       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
                     >