diff --git a/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue b/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue
index 6e30eced..c38cdbfb 100644
--- a/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue
+++ b/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue
@@ -229,7 +229,7 @@ const result = ref('');
             </div>
             <div class="mt-4 mb-4">
               <button
-                class="btn btn-success px-4 text-white"
+                class="btn !btn-yes !border-yes px-4 text-white"
                 @click="queryContract()"
               >
                 Query Contract
diff --git a/src/modules/[chain]/index.vue b/src/modules/[chain]/index.vue
index 7263c4c0..35ba6f03 100644
--- a/src/modules/[chain]/index.vue
+++ b/src/modules/[chain]/index.vue
@@ -201,7 +201,7 @@ const color = computed(() => {
 
             <a
               :color="store.trustColor"
-              class="mt-5 text-white btn btn-success w-full md:!w-[400px] flex items-center"
+              class="mt-5 !text-white btn !bg-yes !border-yes w-full md:!w-[400px] flex items-center"
               :href="ticker.trade_url"
               target="_blank"
             >
@@ -355,8 +355,8 @@ const color = computed(() => {
 
       <div class="grid grid-cols-3 gap-4 px-4 pb-6 mt-4">
         <label for="PingTokenConvert" class="btn btn-primary text-white">Convert</label>
-        <label for="send" class="btn btn-success text-white" @click="dialog.open('send', {})">Send</label>
-        <RouterLink to="/wallet/receive" class="btn btn-info text-white">Receive</RouterLink>
+        <label for="send" class="btn !bg-yes !border-yes text-white" @click="dialog.open('send', {})">Send</label>
+        <RouterLink to="/wallet/receive" class="btn !bg-info !border-info text-white">Receive</RouterLink>
       </div>
       <Teleport to="body">
         <ping-token-convert
diff --git a/src/modules/wallet/accounts.vue b/src/modules/wallet/accounts.vue
index 638ce274..8ed48924 100644
--- a/src/modules/wallet/accounts.vue
+++ b/src/modules/wallet/accounts.vue
@@ -263,7 +263,7 @@ async function addAddress(acc: AccountEntry) {
                 </div>
           </td>
           <td class="text-right">
-            <span class="btn btn-success btn-xs text-white" @click="addAddress(acc)">
+            <span class="btn !bg-yes !border-yes btn-xs text-white" @click="addAddress(acc)">
               <Icon icon="mdi:plus"/>
             </span>
           </td>
diff --git a/src/modules/wallet/receive.vue b/src/modules/wallet/receive.vue
index d98415b7..87f3c1a6 100644
--- a/src/modules/wallet/receive.vue
+++ b/src/modules/wallet/receive.vue
@@ -16,7 +16,7 @@ const qrcode = useQRCode(walletStore.currentAddress);
       {{ walletStore.currentAddress }}
     </div>
     <div class="mt-4 mb-4">
-      <button class="btn btn-success text-white px-10">Go To Pay</button>
+      <button class="btn !bg-yes !border-yes text-white px-10">Go To Pay</button>
     </div>
   </div>
 </template>