diff --git a/src/views/onchain-address/index.vue b/src/views/onchain-address/index.vue
index 1f3f0fc..a270480 100644
--- a/src/views/onchain-address/index.vue
+++ b/src/views/onchain-address/index.vue
@@ -29,10 +29,10 @@ const qrcode = useQRCode(url, {
     </IonHeader>
     <IonContent :fullscreen="true" class="ion-padding">
       <div class="flex justify-center items-center flex-col mt-20">
-        <div class="w-[80vw] h-[80vw] bg-text-900 max-w-130 max-h-130 rounded-[14px] p-4 flex flex-col justify-center items-center relative border border-text-500">
+        <div class="w-[80vw] h-[80vw] bg-gray-50 max-w-130 max-h-130 rounded-[14px] p-4 flex flex-col justify-center items-center relative border border-text-900">
           <div class="absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 flex flex-col items-center">
             <div class="p-1 rounded-full w-fit">
-              <ui-avatar class="size-15 border border-[--border-color]" />
+              <ui-avatar class="size-15 border border-text-900" />
             </div>
           </div>
 
@@ -42,12 +42,12 @@ const qrcode = useQRCode(url, {
             </div>
             <div class="mt-4">
               <ion-text color="secondary">
-                <div class="text-sm text-text-500 font-semibold">
+                <div class="text-sm text-text-400">
                   Onchain address
                 </div>
               </ion-text>
               <ion-text>
-                <div class="mt-4px text-md font-mono break-all">
+                <div class="mt-4px text-md font-semibold break-all">
                   0x1234567890abcdef1234
                 </div>
               </ion-text>