diff --git a/src/assets/icons-v3/lock.svg b/src/assets/icons-v3/lock.svg
new file mode 100644
index 00000000..6da3e1ae
--- /dev/null
+++ b/src/assets/icons-v3/lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18"><defs><clipPath id="a"><rect width="18" height="18" rx="0"/></clipPath></defs><g clip-path="url(#a)" fill="currentColor"><path d="M2.172 14.364v-4.55q0-.891.63-1.52.63-.63 1.52-.63h9.356q.89 0 1.52.63.63.629.63 1.52v4.55q0 .89-.63 1.52t-1.52.63H4.322q-.89 0-1.52-.63t-.63-1.52Zm1.3 0q0 .352.25.601.248.25.6.25h9.356q.352 0 .6-.25.25-.249.25-.6V9.813q0-.352-.25-.601-.248-.25-.6-.25H4.322q-.352 0-.6.25-.25.249-.25.6v4.551Z"/><path d="M11.782 5.568v2.746q0 .064.013.126.012.063.037.122.024.06.06.113.035.053.08.098.046.045.099.081.053.036.112.06.06.025.122.037.063.013.127.013t.127-.013q.063-.012.122-.037.059-.024.112-.06.053-.036.099-.08.045-.046.08-.1.036-.053.06-.112.025-.059.038-.122.012-.062.012-.126V5.568q0-1.69-1.196-2.887Q10.691 1.486 9 1.486q-1.69 0-2.886 1.195-1.196 1.196-1.196 2.887v2.746q0 .064.012.126.013.063.037.122.025.06.06.113.036.053.081.098.046.045.099.081.053.036.112.06.06.025.122.037.063.013.127.013t.127-.013q.062-.012.122-.037.059-.024.112-.06.053-.036.098-.08.046-.046.081-.1.036-.053.06-.112.025-.059.037-.122.013-.062.013-.126V5.568q0-1.152.815-1.967.815-.815 1.967-.815 1.152 0 1.967.815.815.815.815 1.967ZM8.35 11.06q0-.065.012-.128.013-.062.037-.121.025-.06.06-.113.036-.053.081-.098.046-.046.099-.081.053-.036.112-.06.06-.025.122-.037.063-.013.127-.013t.127.013q.063.012.122.037.059.024.112.06.053.035.099.08.045.046.08.1.036.052.06.112.025.059.038.121.012.063.012.127v2.06q0 .064-.012.126-.013.063-.037.122-.025.06-.06.113-.036.053-.081.098-.046.045-.099.081-.053.036-.112.06-.06.025-.122.037-.063.013-.127.013t-.127-.013q-.063-.012-.122-.037-.059-.024-.112-.06-.053-.036-.099-.08-.045-.046-.08-.1-.036-.053-.06-.112-.025-.059-.038-.122-.012-.062-.012-.126v-2.06Z" fill-rule="evenodd"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/icons-v3/setting.svg b/src/assets/icons-v3/setting.svg
new file mode 100644
index 00000000..0ae5fff0
--- /dev/null
+++ b/src/assets/icons-v3/setting.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 22 22"><defs><clipPath id="a"><rect width="22" height="22" rx="0"/></clipPath></defs><g clip-path="url(#a)" fill-rule="evenodd" fill="currentColor"><path d="M9.81 19.017q.529-.392 1.19-.392.661 0 1.19.392.52.386.716.998.022.07.057.134.035.063.082.12.047.055.103.101.057.046.122.08.064.034.134.055.07.021.142.028.073.007.145 0 .073-.007.143-.027 2.496-.744 4.312-2.63.048-.05.086-.108.038-.057.065-.12.026-.064.041-.132.015-.067.017-.136.002-.069-.008-.137t-.033-.133q-.023-.065-.057-.125t-.078-.113q-.47-.558-.47-1.289 0-.828.585-1.414.586-.586 1.414-.586.1 0 .2.01.068.007.137.001.068-.006.135-.024.066-.019.128-.049.062-.03.118-.07.055-.042.102-.092.048-.05.085-.109.037-.058.063-.122.026-.063.04-.131.2-.984.2-1.997 0-1.529-.454-2.975-.017-.057-.044-.11-.027-.054-.062-.103-.035-.048-.077-.09-.042-.043-.09-.078-.049-.036-.102-.063-.053-.027-.11-.045-.057-.019-.116-.028-.06-.009-.12-.008h-.033q-.828 0-1.414-.586T17.708 5.5q0-.468.205-.883.027-.054.044-.111.018-.058.026-.117.009-.06.007-.12-.001-.06-.012-.12-.01-.058-.031-.115-.02-.057-.05-.11-.028-.052-.065-.1-.037-.047-.08-.088-1.776-1.65-4.1-2.294-.063-.017-.127-.024-.064-.006-.128-.001-.064.004-.127.02-.062.015-.121.041-.059.026-.112.062-.054.035-.1.08-.048.044-.086.095-.039.052-.068.109-.252.495-.725.79-.483.303-1.058.303-.575 0-1.058-.303-.473-.295-.725-.79-.03-.057-.068-.109-.038-.051-.085-.096-.047-.044-.1-.08-.054-.035-.113-.06-.059-.027-.121-.042-.063-.016-.127-.02-.064-.005-.128.001-.064.007-.126.024-2.325.643-4.1 2.294-.044.041-.081.089-.037.047-.066.1-.029.052-.049.11-.02.056-.031.115-.01.059-.012.12-.002.06.007.119.008.06.026.117.017.057.044.111.205.415.205.883 0 .828-.586 1.414T2.297 7.5h-.039q-.06 0-.119.008-.059.01-.116.028-.057.018-.11.045t-.102.063q-.048.035-.09.077-.042.043-.077.091-.035.049-.062.102-.027.054-.044.111Q1.083 9.471 1.083 11q0 1.013.202 1.997.013.068.04.131.025.064.062.122.037.059.085.109.047.05.102.091.056.041.118.071.062.03.128.049.067.018.135.024.07.006.138 0 .099-.01.199-.01.828 0 1.414.585.586.586.586 1.414 0 .731-.47 1.29-.045.052-.08.112-.033.06-.056.125t-.033.133q-.01.068-.008.137.002.07.017.136.015.068.041.131.027.064.065.121.038.058.086.108 1.816 1.886 4.312 2.63.07.02.143.027.072.007.145 0 .072-.007.142-.028.07-.02.134-.055.065-.034.122-.08.056-.046.103-.102.047-.056.082-.12.035-.063.057-.133.196-.612.716-.998Zm3.274-1.204q-.927-.688-2.084-.688t-2.084.688q-.59.438-.942 1.045-1.448-.553-2.604-1.6.422-.76.422-1.675 0-1.45-1.025-2.475-.895-.894-2.113-1.008-.07-.545-.07-1.1 0-1.042.247-2.038 1.108-.16 1.936-.987Q5.792 6.95 5.792 5.5q0-.516-.144-.997 1.16-.961 2.575-1.452.378.494.923.835.849.53 1.854.53 1.005 0 1.854-.53.545-.341.923-.835 1.415.49 2.575 1.452-.144.48-.144.997 0 1.45 1.025 2.475.83.829 1.936.987.248.996.248 2.038 0 .555-.071 1.1-1.218.114-2.113 1.008-1.025 1.026-1.025 2.475 0 .915.422 1.675-1.156 1.047-2.604 1.6-.352-.607-.942-1.045Z"/><path d="M8.201 8.201Q7.041 9.361 7.041 11q0 1.64 1.16 2.799 1.16 1.16 2.799 1.16 1.64 0 2.799-1.16 1.16-1.16 1.16-2.799 0-1.64-1.16-2.799-1.16-1.16-2.799-1.16-1.64 0-2.799 1.16Zm1.06 4.537q-.72-.72-.72-1.738t.72-1.738q.72-.72 1.739-.72 1.018 0 1.738.72t.72 1.738q0 1.018-.72 1.738t-1.738.72q-1.018 0-1.738-.72Z"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/metalet-logo.png b/src/assets/images/metalet-logo.png
deleted file mode 100644
index b8d147b6..00000000
Binary files a/src/assets/images/metalet-logo.png and /dev/null differ
diff --git a/src/components/ResetModal.vue b/src/components/ResetModal.vue
index 2914022b..1c1da0a3 100644
--- a/src/components/ResetModal.vue
+++ b/src/components/ResetModal.vue
@@ -1,37 +1,32 @@
 <script lang="ts" setup>
-import { XMarkIcon } from '@heroicons/vue/20/solid'
-import accountManager from '@/lib/account'
-import passwordManager from '../lib/password'
 import { computed, ref } from 'vue'
-import { useRouter } from 'vue-router'
-import { EyeIcon, EyeSlashIcon } from '@heroicons/vue/24/solid'
-
-const router = useRouter()
+import useStorage from '@/lib/storage'
+import { PASSWORD_KEY } from '@/lib/password'
+import { Checkbox } from '@/components/ui/checkbox'
+import { XMarkIcon } from '@heroicons/vue/20/solid'
+import { V3_WALLETS_STORAGE_KEY } from '@/lib/wallet'
 
-const props = defineProps<{
+defineProps<{
   show: boolean
 }>()
-const emit = defineEmits(['update:show'])
 
-const isCovered = ref(true)
-const passwordInputType = computed(() => (isCovered.value ? 'password' : 'text'))
-const password = ref('')
-const failed = ref(false)
+const storage = useStorage()
 
-const disconnect = async () => {
-  // 检查密码是否正确
-  const isCorrect = await passwordManager.check(password.value)
-  if (!isCorrect) {
-    failed.value = true
-    return
-  }
+const emit = defineEmits(['update:show'])
+
+const resetText = ref('')
+const checked1 = ref(false)
+const checked2 = ref(false)
+const checked3 = ref(false)
 
-  await accountManager.removeCurrent()
+const checkedAll = computed(() => checked1.value && checked2.value && checked3.value && resetText.value === 'RESET')
 
+const disconnect = async () => {
   emit('update:show', false)
 
-  // 返回账号列表页
-  router.push('/accounts')
+  await storage.delete(PASSWORD_KEY)
+  await storage.delete(V3_WALLETS_STORAGE_KEY)
+  window.location.reload()
 }
 </script>
 
@@ -40,48 +35,56 @@ const disconnect = async () => {
     <div class="fixed inset-0 isolate z-50 flex items-end bg-black/20 backdrop-blur-sm" v-show="show">
       <div class="grow rounded-t-xl bg-white p-4 pb-8">
         <div class="flex items-center justify-between border-b border-gray-100 pb-4">
-          <span class="text-base">Reset Account</span>
+          <span class="text-base">Reset Wallet</span>
           <button class="text-gray-400 hover:text-gray-500" @click="$emit('update:show', false)" type="button">
             <XMarkIcon class="h-5 w-5" />
           </button>
         </div>
 
-        <div class="pt-4">
-          <p class="text-sm text-gray-500">
-            This action will reset your current account from Metalet. Make sure you have your seed phrase backed up.
-          </p>
-          <p class="mt-1 text-sm text-gray-500">You have to enter your password to confirm this action.</p>
-
-          <div class="relative mt-4">
-            <input
-              :type="passwordInputType"
-              class="w-full rounded-md border bg-gray-100 p-4 pr-12 text-sm text-gray-700"
-              :class="failed ? 'border-red-500' : 'border-transparent'"
-              v-model="password"
-              placeholder="Password"
-            />
-
-            <div class="absolute right-0 top-0 flex h-full items-center pr-4">
-              <button @click="isCovered = !isCovered">
-                <EyeIcon v-if="isCovered" class="h-5 w-5 text-gray-400 transition hover:text-blue-500" />
-                <EyeSlashIcon v-else class="h-5 w-5 text-gray-400 transition hover:text-blue-500" />
-              </button>
+        <div class="pt-4 space-y-4">
+          <div class="flex flex-col gap-2 text-ss">
+            <div class="p-3.5 bg-gray-secondary rounded-lg flex items-center gap-x-3">
+              <Checkbox id="tips1" v-model:checked="checked1" />
+              <p>We will not store or help you retrieve your password.</p>
+            </div>
+            <div class="p-3.5 bg-gray-secondary rounded-lg flex items-center gap-x-3">
+              <Checkbox id="tips1" v-model:checked="checked2" />
+              <p>
+                If you forget your password, you can reset your wallet. It is also possible to re-import the wallet
+                using a mnemonic phrase or private key.
+              </p>
+            </div>
+            <div class="p-3.5 bg-gray-secondary rounded-lg flex items-center gap-x-3">
+              <Checkbox id="tips1" v-model:checked="checked3" />
+              <p>
+                Note that resetting the wallet without backup will permanently lose all assets. Before resetting, be
+                sure to back up all wallets.
+              </p>
             </div>
           </div>
 
-          <div class="mt-2" v-if="failed">
-            <p class="text-sm text-red-500" v-if="failed">Password is incorrect</p>
+          <div class="space-y-2">
+            <p>
+              To confirm wallet reset, please enter:
+              <span class="text-red-500">RESET</span>
+            </p>
+            <input
+              type="text"
+              class="w-full rounded-lg focus:outline-blue-primary border p-4 text-sm"
+              v-model="resetText"
+              placeholder="RESET"
+            />
           </div>
 
-          <div class="mt-8 grid grid-cols-2 gap-x-4">
+          <div class="grid grid-cols-2 gap-x-4">
             <button class="reset-button border-gray-700 text-gray-700" @click="$emit('update:show', false)">
               Cancel
             </button>
             <button
-              class="reset-button border-red-600 bg-red-600 text-red-50"
-              :class="[password.length ? 'cursor-pointer' : 'cursor-not-allowed opacity-50 saturate-50']"
               @click="disconnect"
-              :disabled="!password.length"
+              :disabled="!checkedAll"
+              class="reset-button border-red-600 bg-red-600 text-red-50"
+              :class="[checkedAll ? 'cursor-pointer' : 'cursor-not-allowed opacity-50 saturate-50']"
             >
               Reset
             </button>
diff --git a/src/components/headers/SettingMenu.vue b/src/components/headers/SettingMenu.vue
index 659855fa..eba2e641 100644
--- a/src/components/headers/SettingMenu.vue
+++ b/src/components/headers/SettingMenu.vue
@@ -2,8 +2,9 @@
 import { ref } from 'vue'
 import password from '@/lib/password'
 import { useRouter } from 'vue-router'
-import ResetModal from '../ResetModal.vue'
-import SettingIcon from '@/assets/icons/setting-v3.svg'
+import LockIcon from '@/assets/icons-v3/lock.svg'
+import ResetModal from '@/components/ResetModal.vue'
+import SettingIcon from '@/assets/icons-v3/setting.svg'
 import { Menu, MenuButton, MenuItems, MenuItem } from '@headlessui/vue'
 
 const router = useRouter()
@@ -12,48 +13,41 @@ const hasPassword = ref(false)
 password.has().then((has) => {
   hasPassword.value = has
 })
-const lock = async () => {
-  await password.lock()
-  router.push('/lock')
-}
-
-const setPassword = () => {
-  router.push('/wallet/set-password')
-}
 
 const showResetModal = ref(false)
 
 const toAccountList = () => {
   router.push('/accounts')
 }
-
-const toSetting = () => {
-  router.push('/settings')
-}
 </script>
 
 <template>
   <Menu as="div" class="relative z-[1] transition-all duration-200">
     <MenuButton class="relative flex items-center gap-x-0.5 py-1 hover:text-blue-primary">
-      <SettingIcon class="cursor-pointer" />
+      <SettingIcon class="cursor-pointer w-[22px]" />
     </MenuButton>
 
     <MenuItems class="absolute right-0 rounded-md border border-gray-100 bg-white text-xs shadow-md">
       <MenuItem>
-        <button class="menu-item" @click="toSetting">Setting</button>
+        <router-link to="/settings" class="menu-item">
+          <SettingIcon class="w-4.5" />
+          <span>Setting</span>
+        </router-link>
       </MenuItem>
 
       <MenuItem>
-        <button class="menu-item" @click="lock" v-if="hasPassword">Lock</button>
-        <button class="menu-item" @click="setPassword" v-else>Set Password</button>
+        <router-link to="/lock" class="menu-item" v-if="hasPassword">
+          <LockIcon class="w-4.5" />
+          <span>Lock</span>
+        </router-link>
+        <router-link to="/wallet/set-password" class="menu-item" v-else>Set Password</router-link>
       </MenuItem>
 
-      <MenuItem>
+      <MenuItem v-if="false">
         <button class="menu-item" @click="toAccountList">Add / Switch Account</button>
       </MenuItem>
 
-      <!-- disconnect button -->
-      <MenuItem v-if="hasPassword">
+      <MenuItem v-if="hasPassword && false">
         <button class="menu-item" @click="showResetModal = true">Reset Account</button>
       </MenuItem>
     </MenuItems>
@@ -64,7 +58,7 @@ const toSetting = () => {
 
 <style scoped lang="css">
 .menu-item {
-  @apply w-full whitespace-nowrap rounded-inherit p-4 text-left capitalize hover:bg-gray-50 hover:text-blue-500;
+  @apply flex items-center gap-x-3 w-full whitespace-nowrap rounded-inherit p-4 text-left capitalize hover:bg-gray-50 hover:text-blue-500;
 }
 
 .reset-button {
diff --git a/src/components/headers/TheHeader.vue b/src/components/headers/TheHeader.vue
index 189e7a53..c6039ef4 100644
--- a/src/components/headers/TheHeader.vue
+++ b/src/components/headers/TheHeader.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { useRoute } from 'vue-router'
 
-import MetaletLogoImg from '@/assets/images/metalet-logo.png?url'
+import MetaletLogoImg from '@/assets/images/metalet-logo-v3.svg?url'
 import MetaletWordImg from '@/assets/images/metalet-word.svg?url'
 import AccountMenu from './AccountMenu.vue'
 import ServiceMenu from './ServiceMenu.vue'
diff --git a/src/data/logos.ts b/src/data/logos.ts
index f684bc88..e5635a58 100644
--- a/src/data/logos.ts
+++ b/src/data/logos.ts
@@ -3,7 +3,7 @@ import { type Chain } from '@/lib/types'
 import BtcLogoImg from '../assets/images/btc-logo.svg?url'
 import SpaceLogoImg from '../assets/icons-v3/space.svg?url'
 
-import MetaletLogo from '../assets/images/metalet-logo.png?url'
+import MetaletLogo from '../assets/images/metalet-logo-v3.svg?url'
 import MvcSwapLogo from '../assets/images/mvcswap-logo.png?url'
 import MVCUSDTLogo from '../assets/images/usdt-logo.jpg?url'
 import ShowCoinLogo from '../assets/images/sc-logo.svg?url'
diff --git a/src/lib/formatters.ts b/src/lib/formatters.ts
index 8e2a678f..852f75b5 100644
--- a/src/lib/formatters.ts
+++ b/src/lib/formatters.ts
@@ -15,6 +15,10 @@ export const prettifyTxId = (txId: string, useDigits = 6) => {
   return `${txId.slice(0, useDigits)}...${txId.slice(-useDigits)}`
 }
 
+export const prettifyAddress = (txId: string, useDigits = 6) => {
+  return `${txId.slice(0, useDigits)}...${txId.slice(-useDigits)}`
+}
+
 export const prettifyBalance = (balance: number, symbol: string = 'SPACE'): string => {
   if (!balance) return `0 ${symbol}`
 
diff --git a/src/lib/password.ts b/src/lib/password.ts
index 5e2d8839..afd72c9c 100644
--- a/src/lib/password.ts
+++ b/src/lib/password.ts
@@ -4,12 +4,12 @@ import useStorage from './storage'
 import { notifyBg } from './notify-bg'
 
 const Locked_Key = 'locked'
-const Password_Key = 'password'
+export const PASSWORD_KEY = 'password'
 
 const storage = useStorage()
 
 export async function getPassword() {
-  return await storage.get(Password_Key)
+  return await storage.get(PASSWORD_KEY)
 }
 
 export async function hasPassword() {
@@ -24,7 +24,7 @@ export async function checkPassword(credential: string) {
 export async function setPassword(password: string) {
   // const hashed = hash(password)
   const hashed = CryptoJS.SHA256(password).toString()
-  await storage.set(Password_Key, hashed)
+  await storage.set(PASSWORD_KEY, hashed)
 }
 
 export async function lock() {
diff --git a/src/lib/wallet.ts b/src/lib/wallet.ts
index 20b8b3a0..7f40e93a 100644
--- a/src/lib/wallet.ts
+++ b/src/lib/wallet.ts
@@ -5,7 +5,7 @@ import { toast } from '@/components/ui/toast'
 import { getCurrentAccountId } from './account'
 
 const CURRENT_WALLET_ID = 'currentWalletId'
-const V3_WALLETS_STORAGE_KEY = 'wallets_v3'
+export const V3_WALLETS_STORAGE_KEY = 'wallets_v3'
 
 const storage = useStorage()
 
diff --git a/src/pages/lock/Index.vue b/src/pages/lock/Index.vue
index 34c6f19d..9e9b8285 100644
--- a/src/pages/lock/Index.vue
+++ b/src/pages/lock/Index.vue
@@ -1,52 +1,50 @@
 <script lang="ts" setup>
 import { computed, ref } from 'vue'
-import MetaletLogoImg from '@/assets/images/metalet-logo.png?url'
-import { EyeIcon, EyeSlashIcon } from '@heroicons/vue/24/solid'
-import passwordManager from '@/lib/password'
 import { useRouter } from 'vue-router'
+import passwordManager from '@/lib/password'
 import { setLastLockTime } from '@/lib/lock'
+import ResetModal from '@/components/ResetModal.vue'
+import { EyeIcon, EyeSlashIcon } from '@heroicons/vue/24/solid'
+import MetaletLogo from '@/assets/images/metalet-logo-v3.svg?url'
 
 const password = ref('')
 const router = useRouter()
 const isCovered = ref(true)
+const showResetModal = ref(false)
 const passwordInputType = computed(() => (isCovered.value ? 'password' : 'text'))
 
 const failed = ref(false)
 const tryUnlock = async () => {
-  // 检验输入的密码是否正确
   const isCorrect = await passwordManager.check(password.value)
   if (isCorrect) {
-    // 如果正确，解锁
     await passwordManager.unlock(password.value)
     await setLastLockTime()
-    // 跳转到钱包页面
     router.push('/wallet')
   } else {
-    // 如果不正确，提示密码错误
     failed.value = true
   }
 }
 </script>
 
 <template>
-  <div class="mt-12">
-    <div>
-      <img class="mx-auto h-20 w-20" :src="MetaletLogoImg" alt="metalet-logo" />
-    </div>
+  <div class="pt-20">
+    <img class="mx-auto w-[130px]" :src="MetaletLogo" alt="metalet-logo" />
 
-    <div class="mt-4 text-center">
+    <div class="mt-5 text-center">
       <h1 class="text-3xl font-extrabold">Metalet</h1>
-      <p class="mt-2 text-lg text-gray-400">Welcome Back</p>
+      <p class="mt-2 text-sm text-gray-primary">Welcome Back</p>
     </div>
 
     <div class="mt-12">
       <h4 class="mb-2 text-sm">Password</h4>
       <div class="relative">
         <input
-          :type="passwordInputType"
-          class="w-full rounded-md border bg-gray-100 p-4 pr-12 text-sm text-gray-700"
-          :class="failed ? 'border-red-500' : 'border-transparent'"
           v-model="password"
+          :type="passwordInputType"
+          :class="[
+            'block w-full rounded-md border border-gray-soft outline-blue-primary p-4 pr-12',
+            { 'border-red-500': failed },
+          ]"
         />
         <div class="absolute right-0 top-0 flex h-full items-center pr-4">
           <button @click="isCovered = !isCovered">
@@ -54,17 +52,22 @@ const tryUnlock = async () => {
             <EyeSlashIcon v-else class="h-5 w-5 text-gray-400 transition hover:text-blue-500" />
           </button>
         </div>
+        <p v-if="failed" class="absolute -bottom-8 left-0 text-sm text-red-500">Incorrect password. Try again.</p>
       </div>
     </div>
 
-    <div class="mt-4">
-      <button class="gradient-bg w-full rounded-md py-4 text-base leading-none text-white" @click="tryUnlock">
+    <div class="mt-14 flex flex-col items-center justify-center">
+      <button
+        @click="tryUnlock"
+        :class="[
+          'bg-blue-primary w-61.5 rounded-3xl py-4 text-ss text-white',
+          { 'opacity-50 cursor-not-allowed': !password },
+        ]"
+      >
         Unlock
       </button>
+      <button @click="showResetModal = true" class="mt-4 text-ss text-gray-primary">Forget password?</button>
     </div>
-
-    <div class="mt-2" v-if="failed">
-      <p class="text-sm text-red-500">Password is incorrect</p>
-    </div>
+    <ResetModal v-model:show="showResetModal" />
   </div>
 </template>
diff --git a/src/pages/migrate/Index.vue b/src/pages/migrate/Index.vue
index 3f5994d1..be9cdafe 100644
--- a/src/pages/migrate/Index.vue
+++ b/src/pages/migrate/Index.vue
@@ -4,7 +4,7 @@ import { mvc } from 'meta-contract'
 import { useRouter } from 'vue-router'
 
 import { setNetwork } from '@/lib/network'
-import MetaletLogoImg from '@/assets/images/metalet-logo.png?url'
+import MetaletLogoImg from '@/assets/images/metalet-logo-v3.svg?url'
 import { deriveAllAddresses, type AddressType } from '@/lib/bip32-deriver'
 import { addAccount, getAccounts, getLegacyAccounts } from '@/lib/account'
 
diff --git a/src/pages/migrateV2/Index.vue b/src/pages/migrateV2/Index.vue
index 63ce012c..8f4a838e 100644
--- a/src/pages/migrateV2/Index.vue
+++ b/src/pages/migrateV2/Index.vue
@@ -4,7 +4,7 @@ import { useRouter } from 'vue-router'
 import { getCurrentAccount } from '@/lib/account'
 import { WalletsStore } from '@/stores/WalletStore'
 import { migrateToV2, migrateToV3 } from '@/lib/migrate'
-import MetaletLogoImg from '@/assets/images/metalet-logo.png?url'
+import MetaletLogoImg from '@/assets/images/metalet-logo-v3.svg?url'
 
 const router = useRouter()
 migrateToV2().then(async () => {
diff --git a/src/pages/wallet/AccountHeader.vue b/src/pages/wallet/AccountHeader.vue
index 148e676b..1aa02293 100644
--- a/src/pages/wallet/AccountHeader.vue
+++ b/src/pages/wallet/AccountHeader.vue
@@ -5,6 +5,7 @@ import { useRouter } from 'vue-router'
 import { getNetwork } from '@/lib/network'
 import Avatar from '@/components/Avatar.vue'
 import CopyIcon from '@/assets/icons-v3/copy.svg'
+import { prettifyAddress } from '@/lib/formatters'
 import CloseIcon from '@/assets/icons-v3/close.svg'
 import { WalletsStore } from '@/stores/WalletStore'
 import { V3Wallet, type V3Account } from '@/lib/types'
@@ -111,7 +112,7 @@ const copy = (address: string, addressType: string, type: string) => {
               <span>Bitcoin</span>
               <span class="text-xs bg-gray-soft px-2 py-0.5 rounded-sm">{{ btcWallet.addressType }}</span>
             </div>
-            <div class="text-xs text-gray-primary break-all w-64">{{ btcWallet.address }}</div>
+            <div class="text-xs text-gray-primary w-64">{{ prettifyAddress(btcWallet.address) }}</div>
           </div>
           <CopyIcon
             class="cursor-pointer hover:text-blue-primary w-4.5"
@@ -125,7 +126,7 @@ const copy = (address: string, addressType: string, type: string) => {
               <span>Microvisionchain</span>
               <span class="text-xs bg-gray-soft px-2 py-0.5 rounded-sm">{{ mvcWallet.addressType }}</span>
             </div>
-            <div class="text-xs text-gray-primary break-all w-64">{{ mvcWallet.address }}</div>
+            <div class="text-xs text-gray-primary w-64">{{ prettifyAddress(mvcWallet.address) }}</div>
           </div>
           <CopyIcon
             class="cursor-pointer hover:text-blue-primary w-4.5"
diff --git a/src/pages/wallet/Import.vue b/src/pages/wallet/Import.vue
index 76a7ebb6..0fbedbb2 100644
--- a/src/pages/wallet/Import.vue
+++ b/src/pages/wallet/Import.vue
@@ -21,7 +21,7 @@ import { TrashIcon, CheckIcon, ChevronUpDownIcon, ChevronRightIcon } from '@hero
 import { addAccount } from '@/lib/account'
 import { deriveAllAddresses, scripts, AddressType } from '@/lib/bip32-deriver'
 
-import MetaletLogoImg from '@/assets/images/metalet-logo.png?url'
+import MetaletLogoImg from '@/assets/images/metalet-logo-v3.svg?url'
 
 // Remove the last one
 const selectableScripts = scripts.slice(0, -1)
diff --git a/src/pages/wallet/Receive.vue b/src/pages/wallet/Receive.vue
index bed07a25..e1a08e0a 100644
--- a/src/pages/wallet/Receive.vue
+++ b/src/pages/wallet/Receive.vue
@@ -3,36 +3,53 @@ import { ref, computed } from 'vue'
 import { useRoute } from 'vue-router'
 import { type Chain } from '@/lib/types'
 import { allAssets } from '@/data/assets'
+import { Divider, Copy } from '@/components'
 import { toast } from '@/components/ui/toast'
 import { prettifyTxId } from '@/lib/formatters'
-import CopyIcon from '@/assets/icons-v3/copy.svg'
 import { useQRCode } from '@vueuse/integrations/useQRCode'
+import { ChevronLeftIcon, XMarkIcon } from '@heroicons/vue/24/solid'
 
 const route = useRoute()
 const chain = ref(route.query.chain as Chain)
 const address = ref(route.params.address as string)
 const qrcode = useQRCode(address.value)
 const asset = computed(() => allAssets.find((asset) => asset.chain === chain.value))
+
+const network = computed(() => {
+  if (asset.value?.chain === 'btc') {
+    return 'Bitcoin'
+  } else if (asset.value?.chain === 'mvc') {
+    return 'Microvisionchain'
+  }
+})
 </script>
 
 <template>
-  <div class="mt-8 flex flex-col items-center justify-center gap-y-3">
-    <img :src="asset!.logo" alt="" class="h-16 w-16 rounded-xl" />
-
-    <!-- qrcode -->
-    <div class="mt-2 h-40 w-40 overflow-hidden rounded-xl bg-white p-2 shadow-inner shadow-gray-200">
-      <img :src="qrcode" alt="Address QR Code" class="h-full w-full rounded-inherit" />
+  <div class="flex flex-col w-full h-full absolute top-0 left-0 bg-gray-secondary" v-if="asset">
+    <div class="w-full h-15 flex items-center justify-between px-4">
+      <ChevronLeftIcon class="w-4.5 cursor-pointer" @click="$router.go(-1)" />
+      <XMarkIcon class="w-4.5 cursor-pointer" @click="$router.go(-1)" />
     </div>
-
-    <div class="mt-3 flex px-3 py-3.5 items-center justify-between w-[232px] gap-4 border border-gray-soft rounded-lg">
-      <div class="truncate flex-1">{{ prettifyTxId(address) }}</div>
-      <CopyIcon
-        :text="address"
-        class="cursor-pointer hover:text-blue-primary w-[22px]"
-        @click="
-          toast({ title: `${chain.toLocaleUpperCase()}  Address Copied`, toastType: 'success', description: address })
-        "
-      />
+    <div class="p-4 grow">
+      <div class="w-full h-full rounded-xl bg-white flex flex-col items-center py-6">
+        <AssetLogo :chain="asset.chain" type="network" :symbol="asset.symbol" :logo="asset.logo" class="w-15" />
+        <div class="mt-3 font-medium">{{ asset.symbol }}</div>
+        <div class="text-gray-primary text-xs text-center w-60">
+          Only supports receiving {{ network }} network assets
+        </div>
+        <Divider class="w-[232px] my-4" />
+        <img :src="qrcode" alt="" class="w-[232px] h-[232px] rounded-lg" />
+        <div
+          class="mt-3 flex px-3 py-3.5 items-center justify-between w-[232px] gap-4 border border-gray-soft rounded-lg relative"
+        >
+          <span>{{ prettifyTxId(address) }}</span>
+          <Copy
+            :text="address"
+            class="w-[22px]"
+            @click="toast({ title: `${network}  Address Copied`, toastType: 'success', description: address })"
+          />
+        </div>
+      </div>
     </div>
   </div>
 </template>
diff --git a/src/pages/wallet/Send.vue b/src/pages/wallet/Send.vue
index f278c4aa..745c02a5 100644
--- a/src/pages/wallet/Send.vue
+++ b/src/pages/wallet/Send.vue
@@ -180,6 +180,8 @@ async function sendBTC() {
         message: err.message,
       }
       isOpenResultModal.value = true
+      operationLock.value = false
+      throw err
     })
     return { txId }
   } else {
@@ -204,6 +206,7 @@ async function send() {
       status: 'failed',
       message: 'Send failed',
     }
+    operationLock.value = false
     return
   }
 
diff --git a/src/pages/wallet/SendSuccess.vue b/src/pages/wallet/SendSuccess.vue
index 480fa192..b56e2db6 100644
--- a/src/pages/wallet/SendSuccess.vue
+++ b/src/pages/wallet/SendSuccess.vue
@@ -46,7 +46,7 @@ function toWallet() {
       <span>View on Block Explorer</span>
       <LinkIcon class="w-3.5 h-3.5" />
     </a>
-    <Button type="primary" @click="$router.replace('/wallet')" class="mt-16 w-61.5 h-12">Done</Button>
+    <Button type="primary" @click="$router.replace('/wallet')" class="w-61.5 h-12">Done</Button>
   </FlexBox>
 </template>
 
diff --git a/src/pages/wallet/Token.vue b/src/pages/wallet/Token.vue
index 9334778d..f4f7ec42 100644
--- a/src/pages/wallet/Token.vue
+++ b/src/pages/wallet/Token.vue
@@ -12,7 +12,7 @@ import { toast } from '@/components/ui/toast/use-toast'
 import { CheckBadgeIcon } from '@heroicons/vue/24/solid'
 import ArrowDownIcon from '@/assets/icons-v3/arrow-down.svg'
 import { calcBalance, prettifyTokenGenesis } from '@/lib/formatters'
-import { useExchangeRatesQuery, getExchangeCoinType, CoinCategory } from '@/queries/exchange-rates'
+import { useExchangeRatesQuery, CoinCategory } from '@/queries/exchange-rates'
 
 const route = useRoute()
 const router = useRouter()
@@ -65,7 +65,7 @@ const toSend = () => {
   })
 }
 const toReceive = () => {
-  router.push(`/wallet/receive?chain=mvc`)
+  router.push(`/wallet/receive/${address}?chain=mvc`)
 }
 
 const copyGenesis = () => {
diff --git a/src/pages/wallet/components/AssetList.vue b/src/pages/wallet/components/AssetList.vue
index 222156e1..7998e00e 100644
--- a/src/pages/wallet/components/AssetList.vue
+++ b/src/pages/wallet/components/AssetList.vue
@@ -61,9 +61,9 @@ function toToken(token: Asset, address: string) {
 </script>
 
 <template>
-  <div class="mt-2 space-y-5 text-black">
+  <div class="mt-2 space-y-5 text-black divide-y divide-gray-light">
     <template v-if="!!serviceNetwork && ['all', 'btc'].includes(serviceNetwork)">
-      <div class="space-y-2" v-if="btcAddress">
+      <div class="space-y-2 divide-y divide-gray-light" v-if="btcAddress">
         <AssetItem :asset="BTCAsset" :address="btcAddress" @click="toNative(BTCAsset, btcAddress)" />
         <AssetItem
           :asset="asset"
@@ -77,7 +77,7 @@ function toToken(token: Asset, address: string) {
     </template>
 
     <template v-if="!!serviceNetwork && ['all', 'mvc'].includes(serviceNetwork)">
-      <div class="space-y-2" v-if="mvcAddress">
+      <div class="space-y-2 divide-y divide-gray-light" v-if="mvcAddress">
         <AssetItem :asset="MVCAsset" :address="mvcAddress" @click="toNative(MVCAsset, mvcAddress)" />
         <AssetItem
           :asset="asset"
diff --git a/src/pages/wallet/components/AssetTabs.vue b/src/pages/wallet/components/AssetTabs.vue
index 44059cc3..9dbdf95f 100644
--- a/src/pages/wallet/components/AssetTabs.vue
+++ b/src/pages/wallet/components/AssetTabs.vue
@@ -5,22 +5,20 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
 </script>
 
 <template>
-  <div class="border-t border-primary-teal border-opacity-10 pt-4">
-    <Tabs default-value="Cypto" class="w-full">
-      <TabsList class="p-0 gap-6">
-        <TabsTrigger value="Cypto">Cypto</TabsTrigger>
-        <TabsTrigger value="NFTs">NFTs</TabsTrigger>
-        <!-- <TabsTrigger value="Activity">Activity</TabsTrigger> -->
-      </TabsList>
-      <TabsContent value="Cypto">
-        <AssetList />
-      </TabsContent>
-      <TabsContent value="NFTs">
-        <NFTList />
-      </TabsContent>
-      <TabsContent value="Activity"></TabsContent>
-    </Tabs>
-  </div>
+  <Tabs default-value="Cypto" class="w-full">
+    <TabsList class="p-0 gap-6">
+      <TabsTrigger value="Cypto">Cypto</TabsTrigger>
+      <TabsTrigger value="NFTs">NFTs</TabsTrigger>
+      <!-- <TabsTrigger value="Activity">Activity</TabsTrigger> -->
+    </TabsList>
+    <TabsContent value="Cypto">
+      <AssetList />
+    </TabsContent>
+    <TabsContent value="NFTs">
+      <NFTList />
+    </TabsContent>
+    <TabsContent value="Activity"></TabsContent>
+  </Tabs>
 </template>
 
 <style scoped lang="css">
diff --git a/src/pages/wallet/components/NFTs/NoNFTData.vue b/src/pages/wallet/components/NFTs/NoNFTData.vue
index 6ba11ae1..673b8008 100644
--- a/src/pages/wallet/components/NFTs/NoNFTData.vue
+++ b/src/pages/wallet/components/NFTs/NoNFTData.vue
@@ -13,7 +13,7 @@ defineProps({
   <div class="mt-[60px] w-full flex flex-col items-center justify-center">
     <img :src="NO_NFT_DATA_PNG" alt="No NFT data" />
     <span class="text-gray-primary text-sm mt-4">No NFTs currently. Turn to the marketplace.</span>
-    <a v-if="url" target="_blank" :href="url" class="bg-blue-primary text-white py-2 px-6 mt-9 rounded-[17px]">
+    <a v-if="url" target="_blank" :href="url" class="bg-blue-primary text-white py-2 px-6 mt-9 rounded-3xl">
       Explore NFT
     </a>
   </div>
diff --git a/src/queries/inscribe.ts b/src/queries/inscribe.ts
index 94d51f31..0121637e 100644
--- a/src/queries/inscribe.ts
+++ b/src/queries/inscribe.ts
@@ -115,8 +115,6 @@ export async function fetchCInscriptions(
   cursor: number,
   size: number
 ): Promise<{ list: Inscription[]; nextCursor: number | null }> {
-  console.log(11111)
-
   const net = getNet()
   const { list, total } = await metaletApiV3<{ list: Inscription[]; total: number }>('/address/inscriptions').get({
     net,
diff --git a/src/router.ts b/src/router.ts
index 0e2816c4..e1e7bee3 100644
--- a/src/router.ts
+++ b/src/router.ts
@@ -103,7 +103,7 @@ const routes = [
         path: '/wallet/receive/:address',
         component: () => import('./pages/wallet/Receive.vue'),
         meta: {
-          secondaryHeader: true,
+          secondaryHeader: false,
           headerTitle: 'Receive',
           noFooter: true,
         },