diff --git a/src/components/03_customer-management/TableEmpoloyee.vue b/src/components/03_customer-management/TableEmpoloyee.vue
index 4c11f4ed..a91ff01f 100644
--- a/src/components/03_customer-management/TableEmpoloyee.vue
+++ b/src/components/03_customer-management/TableEmpoloyee.vue
@@ -66,7 +66,7 @@ defineEmits<{
   >
     <template v-slot:header="props">
       <q-tr
-        :style="`background-color:   ${inTable ? '#F0FFF1' : 'hsla(var(--info-bg) / 0.07'} `"
+        :style="`background-color:  ${inTable ? 'hsla(var(--green-4-hsl) / 0.07)' : 'hsla(var(--info-bg) / 0.07'} `"
         :props="props"
       >
         <q-th v-for="col in props.cols" :key="col.name" :props="props">
diff --git a/src/components/TableComponents.vue b/src/components/TableComponents.vue
index 197d4002..1b40c7cd 100644
--- a/src/components/TableComponents.vue
+++ b/src/components/TableComponents.vue
@@ -56,7 +56,7 @@ defineEmits<{
   >
     <template v-slot:header="props">
       <q-tr
-        :style="`background-color:   ${inTable ? '#F0FFF1' : 'hsla(var(--info-bg) / 0.07'} `"
+        :style="`background-color:   ${inTable ? 'hsla(var(--green-4-hsl) / 0.07)' : 'hsla(var(--info-bg) / 0.07'} `"
         :props="props"
       >
         <q-th v-for="col in props.cols" :key="col.name" :props="props">