diff --git a/src/components/03_customer-management/CustomerInfoComponent.vue b/src/components/03_customer-management/CustomerInfoComponent.vue
index 6aa9fdaf..1f292dd9 100644
--- a/src/components/03_customer-management/CustomerInfoComponent.vue
+++ b/src/components/03_customer-management/CustomerInfoComponent.vue
@@ -291,7 +291,7 @@ watch([inputSearch, currentStatus], async () => {
         :visible-columns="branchFieldSelected"
       >
         <template #header>
-          <q-tr class="surface-3">
+          <q-tr style="background-color: hsla(var(--info-bg) / 0.07)">
             <q-th
               v-for="(v, i) in fieldDisplay"
               :key="v"
diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index f696ca75..54346587 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -925,7 +925,10 @@ watch(currentHq, () => {
                     :visible-columns="fieldSelected"
                   >
                     <template v-slot:header="props">
-                      <q-tr class="surface-3" :props="props">
+                      <q-tr
+                        style="background-color: hsla(var(--info-bg) / 0.07)"
+                        :props="props"
+                      >
                         <q-th
                           v-for="col in props.cols"
                           :key="col.name"
diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index 0345d330..52a5f9b6 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -1046,7 +1046,10 @@ watch(
             :visible-columns="fieldSelected"
           >
             <template v-slot:header="props">
-              <q-tr class="surface-2" :props="props">
+              <q-tr
+                style="background-color: hsla(var(--info-bg) / 0.07)"
+                :props="props"
+              >
                 <q-th v-for="col in props.cols" :key="col.name" :props="props">
                   {{ $t(col.label) }}
                 </q-th>
diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 869ff78a..6d6c229d 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -2025,7 +2025,10 @@ watch(isMainPage, () => {
                     :visible-columns="fieldSelected"
                   >
                     <template v-slot:header="props">
-                      <q-tr class="surface-2" :props="props">
+                      <q-tr
+                        style="background-color: hsla(var(--info-bg) / 0.07)"
+                        :props="props"
+                      >
                         <q-th
                           v-for="col in props.cols"
                           :key="col.name"
@@ -2482,7 +2485,10 @@ watch(isMainPage, () => {
                     :visible-columns="fieldSelected"
                   >
                     <template v-slot:header="props">
-                      <q-tr class="surface-2" :props="props">
+                      <q-tr
+                        style="background-color: hsla(var(--info-bg) / 0.07)"
+                        :props="props"
+                      >
                         <q-th
                           v-for="col in props.cols"
                           :key="col.name"
diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index 934d5ca9..ee39c43f 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -2057,7 +2057,10 @@ watch(
                     :visible-columns="tbControl.groupAndType.fieldSelected"
                   >
                     <template v-slot:header="props">
-                      <q-tr class="surface-2" :props="props">
+                      <q-tr
+                        style="background-color: hsla(var(--info-bg) / 0.07)"
+                        :props="props"
+                      >
                         <q-th
                           v-for="col in props.cols"
                           :key="col.name"
@@ -2812,7 +2815,10 @@ watch(
                     "
                   >
                     <template v-slot:header="props">
-                      <q-tr class="surface-2" :props="props">
+                      <q-tr
+                        style="background-color: hsla(var(--info-bg) / 0.07)"
+                        :props="props"
+                      >
                         <q-th
                           v-for="col in props.cols"
                           :key="col.name"