diff --git a/src/components/ChainSummary.vue b/src/components/ChainSummary.vue
index ff6536e5..20a9371d 100644
--- a/src/components/ChainSummary.vue
+++ b/src/components/ChainSummary.vue
@@ -27,7 +27,7 @@ const addFavor = (e: Event) => {
 <template>
   <RouterLink
     :to="`/${name}`"
-    class="bg-base-100 hover:bg-base-content rounded shadow flex items-center px-3 py-3 cursor-pointer"
+    class="bg-base-100 hover:bg-gray-100 dark:hover:bg-[#373f59] rounded shadow flex items-center px-3 py-3 cursor-pointer"
   >
     <div class="w-8 h-8 rounded-full overflow-hidden">
       <img :src="conf.logo" />
diff --git a/src/modules/[chain]/index.vue b/src/modules/[chain]/index.vue
index 99ac8b89..f8ffb8d3 100644
--- a/src/modules/[chain]/index.vue
+++ b/src/modules/[chain]/index.vue
@@ -247,7 +247,7 @@ const color = computed(() => {
       <div
         class="grid grid-cols-1 md:grid-cols-4 auto-cols-auto gap-4 px-4 pb-6"
       >
-        <div class="bg-gray-100 dark:bg-base-content rounded-sm px-4 py-3">
+        <div class="bg-gray-100 dark:bg-[#373f59] rounded-sm px-4 py-3">
           <div class="text-sm mb-1">Balance</div>
           <div class="text-lg font-semibold text-main">
             {{ format.formatToken(walletStore.balanceOfStakingToken) }}
@@ -261,7 +261,7 @@ const color = computed(() => {
             }}</span>
           </div>
         </div>
-        <div class="bg-gray-100 dark:bg-base-content rounded-sm px-4 py-3">
+        <div class="bg-gray-100 dark:bg-[#373f59] rounded-sm px-4 py-3">
           <div class="text-sm mb-1">Staking</div>
           <div class="text-lg font-semibold text-main">
             {{ format.formatToken(walletStore.stakingAmount) }}
@@ -270,7 +270,7 @@ const color = computed(() => {
             {{ format.tokenValue(walletStore.stakingAmount) }}
           </div>
         </div>
-        <div class="bg-gray-100 dark:bg-base-content rounded-sm px-4 py-3">
+        <div class="bg-gray-100 dark:bg-[#373f59] rounded-sm px-4 py-3">
           <div class="text-sm mb-1">Reward</div>
           <div class="text-lg font-semibold text-main">
             {{ format.formatToken(walletStore.rewardAmount) }}
@@ -279,7 +279,7 @@ const color = computed(() => {
             {{ format.tokenValue(walletStore.rewardAmount) }}
           </div>
         </div>
-        <div class="bg-gray-100 dark:bg-base-content rounded-sm px-4 py-3">
+        <div class="bg-gray-100 dark:bg-[#373f59] rounded-sm px-4 py-3">
           <div class="text-sm mb-1">Unbonding</div>
           <div class="text-lg font-semibold text-main">
             {{ format.formatToken(walletStore.unbondingAmount) }}
diff --git a/src/plugins/vuetify/@core/components/I18n.vue b/src/plugins/vuetify/@core/components/I18n.vue
index 5b4c9e70..f0998796 100644
--- a/src/plugins/vuetify/@core/components/I18n.vue
+++ b/src/plugins/vuetify/@core/components/I18n.vue
@@ -45,7 +45,7 @@ function changeLang(lang: string){
     >
       <li v-for="lang in props.languages" :key="lang.i18nLang">
         <a
-          class="hover:bg-base-content"
+          class="hover:bg-gray-100 dark:hover:bg-[#373f59]"
           :class="{ 'text-primary': currentLang === lang.i18nLang }"
           @click="changeLang(lang.i18nLang)"
           >{{ lang.label }}</a
diff --git a/tailwind.config.js b/tailwind.config.js
index 38e17d4e..39b5c07f 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -22,7 +22,6 @@ module.exports = {
         light: {
           ...require('daisyui/src/colors/themes')['[data-theme=light]'],
           primary: '#666cff',
-          'base-content': '#e9eaeb',
         },
       },
       {
@@ -30,7 +29,6 @@ module.exports = {
           ...require('daisyui/src/colors/themes')['[data-theme=dark]'],
           primary: '#666cff',
           'base-100': '#2a334c',
-          'base-content': '#373f57',
         },
       },
     ],