diff --git a/src/modules/[chain]/staking/index.vue b/src/modules/[chain]/staking/index.vue
index b211bafe..22cade2a 100644
--- a/src/modules/[chain]/staking/index.vue
+++ b/src/modules/[chain]/staking/index.vue
@@ -306,7 +306,7 @@ loadAvatars();
         <div class="bg-base-100 px-4 pt-3 pb-4 rounded shadow">
             <div class="overflow-x-auto">
                 <table class="table staking-table w-full">
-                    <thead>
+                    <thead class=" bg-base-200">
                         <tr>
                             <th
                                 scope="col"
diff --git a/src/modules/[chain]/supply/index.vue b/src/modules/[chain]/supply/index.vue
index 7e8e5f2a..43f4d976 100644
--- a/src/modules/[chain]/supply/index.vue
+++ b/src/modules/[chain]/supply/index.vue
@@ -34,7 +34,7 @@ function pageload(p: number) {
 <template>
     <div class="overflow-auto">
         <table class="table table-compact">
-            <thead>
+            <thead class=" bg-base-200">
                 <tr>
                     <td>Token</td>
                     <td>Amount</td>
diff --git a/src/modules/[chain]/uptime/index.vue b/src/modules/[chain]/uptime/index.vue
index cd607e79..6f0e8383 100644
--- a/src/modules/[chain]/uptime/index.vue
+++ b/src/modules/[chain]/uptime/index.vue
@@ -229,7 +229,7 @@ function fetchAllKeyRotation() {
 
       <div :class="tab === '3' ? '' : 'hidden'" class="overflow-x-auto">
         <table class="table table-compact w-full mt-5">
-          <thead class="capitalize">
+          <thead class="capitalize bg-base-200">
             <tr>
               <td>{{ $t('account.validator') }}</td>
               <td class="text-right">{{ $t('module.uptime') }}</td>