diff --git a/src/views/wallet/transfer.vue b/src/views/wallet/transfer.vue
index 66c8f32..779fb9d 100644
--- a/src/views/wallet/transfer.vue
+++ b/src/views/wallet/transfer.vue
@@ -165,9 +165,9 @@ function getAccountTypeName(type: AccountType) {
           <div class="relative flex flex-col gap-3">
             <Field name="fromAccount">
               <template #default="{ value }">
-                <div class="flex flex-col">
+                <div class="flex flex-col bg-text-850 rounded-2xl p-3">
                   <span class="text-sm text-text-500">{{ t('transfer.from') }}</span>
-                  <div class="px-4 py-3 rounded-lg">
+                  <div class="pt-2">
                     <span class="text-base font-medium">{{ getAccountTypeName(value) }}</span>
                   </div>
                 </div>
@@ -186,9 +186,9 @@ function getAccountTypeName(type: AccountType) {
 
             <Field name="toAccount">
               <template #default="{ value }">
-                <div class="flex flex-col">
+                <div class="flex flex-col bg-text-850 rounded-2xl p-3">
                   <span class="text-sm text-text-500">{{ t('transfer.to') }}</span>
-                  <div class="px-4 py-3 rounded-lg">
+                  <div class="pt-2">
                     <span class="text-base font-medium">{{ getAccountTypeName(value) }}</span>
                   </div>
                 </div>