diff --git a/src/views/deposit/fiat.vue b/src/views/deposit/fiat.vue
index 4f2e754..b656cbd 100644
--- a/src/views/deposit/fiat.vue
+++ b/src/views/deposit/fiat.vue
@@ -53,7 +53,7 @@ async function onSubmit() {
       </ion-toolbar>
     </IonHeader>
     <IonContent :fullscreen="true" class="ion-padding">
-      <div class="flex flex-col gap-20px">
+      <div class="flex flex-col gap-5">
         <ui-input-label
           label="Recharge bank card account"
           model-value="74321329321312"
diff --git a/src/views/onchain-address/index.vue b/src/views/onchain-address/index.vue
index 106d20f..e011c75 100644
--- a/src/views/onchain-address/index.vue
+++ b/src/views/onchain-address/index.vue
@@ -45,7 +45,7 @@ const { user } = useAuth();
           </div>
         </div>
 
-        <div class="ion-margin-top ion-text-center flex gap-24px">
+        <div class="ion-margin-top ion-text-center flex gap-6">
           <ion-button fill="clear">
             <ion-icon slot="start" :icon="shareOutline" />
             Share
diff --git a/src/views/user/components/wallet-card.vue b/src/views/user/components/wallet-card.vue
index 279d3ba..4ff35f5 100644
--- a/src/views/user/components/wallet-card.vue
+++ b/src/views/user/components/wallet-card.vue
@@ -33,10 +33,10 @@ onIonViewDidEnter(() => {
 </script>
 
 <template>
-  <div class="mt-20px shadow-md  rounded-6px">
-    <div class="grid grid-cols-2 gap-20px p-20px bg-[var(--ion-card-background)]">
-      <div v-for="item in state.balances" :key="item.assetCode" class="flex flex-col gap-4px">
-        <div class="ion-text-uppercase text-xs color-text-400 font-500 tracking-0.4px">
+  <div class="mt-5 shadow-md rounded-md">
+    <div class="grid grid-cols-2 gap-5 p-5 bg-(--ion-card-background)">
+      <div v-for="item in state.balances" :key="item.assetCode" class="flex flex-col gap-1">
+        <div class="uppercase text-xs text-text-400 font-medium tracking-[0.4px]">
           {{ item.assetCode }}
         </div>
         <div class="text-lg font-bold">
@@ -45,8 +45,8 @@ onIonViewDidEnter(() => {
       </div>
     </div>
 
-    <div class="px-10px pb-20px bg-[var(--ion-card-background)]">
-      <ion-buttons class="gap-10px" expand="block">
+    <div class="px-2.5 pb-5 bg-(--ion-card-background)">
+      <ion-buttons class="gap-2.5" expand="block">
         <ion-button id="open-recharge-modal" expand="block" fill="clear">
           {{ t("wallet.recharge") }}
         </ion-button>