diff --git a/README.md b/README.md
index 6d7a535a..9b9fc4db 100644
--- a/README.md
+++ b/README.md
@@ -16,8 +16,8 @@ Compared to Sync v1, the most significant change is that the built-in dApp brows
 | | macOS | [Releases](https://github.com/vechain/sync2/releases/latest) |
 | | Linux | [Releases](https://github.com/vechain/sync2/releases/latest) |
 | Mobile | | |
-| | Android | [Releases](https://github.com/vechain/sync2/releases/latest) |
-| | iOS | WIP |
+| | Android | [Google Play](https://play.google.com/store/apps/details?id=org.vechain.sync2) |
+| | iOS | [App Store](https://apps.apple.com/app/6446363029) |
 
 ## Port dApps to Sync2
 
diff --git a/package-lock.json b/package-lock.json
index 4c94f485..1766608c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "org.vechain.sync2",
-  "version": "2.0.8",
+  "version": "2.0.9",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
diff --git a/package.json b/package.json
index daedb1ab..f419627c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "org.vechain.sync2",
-  "version": "2.0.8",
+  "version": "2.0.9",
   "description": "VeChain Sync2",
   "productName": "Sync2",
   "cordovaId": "org.vechain.sync2",
diff --git a/src-cordova/config.xml b/src-cordova/config.xml
index 644b4f1b..d71a0f1e 100644
--- a/src-cordova/config.xml
+++ b/src-cordova/config.xml
@@ -1,5 +1,5 @@
 <?xml version='1.0' encoding='utf-8'?>
-<widget android-versionCode="200080" id="org.vechain.sync2" ios-CFBundleIdentifier="org.vechain.sync2app" ios-CFBundleVersion="5" version="2.0.8" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
+<widget android-versionCode="200090" id="org.vechain.sync2" ios-CFBundleIdentifier="org.vechain.sync2app" ios-CFBundleVersion="6" version="2.0.9" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
     <name>Sync2</name>
     <description>VeChain Sync2</description>
     <author email="dev@cordova.apache.org" href="http://cordova.io">
diff --git a/src/core/vault/vault.ts b/src/core/vault/vault.ts
index e3499672..80a31004 100644
--- a/src/core/vault/vault.ts
+++ b/src/core/vault/vault.ts
@@ -24,7 +24,7 @@ export function newVault(entity: Entity): Vault {
                     unlock: key => {
                         const clearText = vault.decrypt(key)
                         const words = clearText.toString('utf8').split(' ')
-                        return HDNode.fromMnemonic(words).derive(index).privateKey!
+                        return HDNode.fromMnemonic(words, entity.path).derive(index).privateKey!
                     }
                 }
             } else {
diff --git a/src/i18n/en-us/index.ts b/src/i18n/en-us/index.ts
index 096b99f3..111642ac 100644
--- a/src/i18n/en-us/index.ts
+++ b/src/i18n/en-us/index.ts
@@ -171,7 +171,10 @@ export default {
         msg_backup_tips_1: 'Write it down in given order',
         msg_backup_tips_2: 'Keep it in a secure place',
         msg_backup_tips_3: 'No screenshot or screen recording',
-        label_your_mnemonic: 'Write Down Your Mnemonic Words'
+        label_your_mnemonic: 'Write Down Your Mnemonic Words',
+
+        // notify
+        msg_wallet_not_found: 'Wallet not found'
     },
     sign: {
         title: 'Sign',
diff --git a/src/i18n/zh-cn/index.ts b/src/i18n/zh-cn/index.ts
index 87c20010..47d94471 100644
--- a/src/i18n/zh-cn/index.ts
+++ b/src/i18n/zh-cn/index.ts
@@ -170,7 +170,10 @@ export default {
         msg_backup_tips_1: '请按照顺序抄写',
         msg_backup_tips_2: '请确保存放于安全的地方',
         msg_backup_tips_3: '请勿截图或录制屏幕',
-        label_your_mnemonic: '抄写您的助记词'
+        label_your_mnemonic: '抄写您的助记词',
+
+        // notify
+        msg_wallet_not_found: '找不到钱包'
     },
     sign: {
         title: '签名',
diff --git a/src/pages/Backup/BackupDialog.vue b/src/pages/Backup/BackupDialog.vue
new file mode 100644
index 00000000..0a9956c0
--- /dev/null
+++ b/src/pages/Backup/BackupDialog.vue
@@ -0,0 +1,78 @@
+<template>
+    <q-dialog
+        ref="dialog"
+        @hide="$emit('hide')"
+        maximized
+        transition-show="slide-up"
+        transition-hide="slide-down"
+    >
+        <q-card class="column no-wrap">
+            <page-toolbar
+                :title="$t('backup.title')"
+                icon="close"
+                @action="hide()"
+            />
+            <backup-panel
+                :wallet-id="walletId"
+                :words="words"
+                :meta="meta"
+                :panel="panel"
+                @start="next"
+                @next="next"
+                @done="onDone"
+            />
+        </q-card>
+    </q-dialog>
+</template>
+<script lang="ts">
+import Vue from 'vue'
+import { QDialog } from 'quasar'
+import BackupPanel from './BackupPanel.vue'
+import PageToolbar from 'src/components/PageToolbar.vue'
+
+export default Vue.extend({
+    components: {
+        QDialog,
+        PageToolbar,
+        BackupPanel
+    },
+    props: {
+        walletId: Number,
+        words: {
+            type: Array as () => string[],
+            default: () => []
+        },
+        meta: {
+            type: Object as () => M.Wallet.Meta,
+            default: () => {}
+        }
+    },
+    data() {
+        return {
+            panel: 'notice' as 'notice' | 'words' | 'check' | 'done'
+        }
+    },
+    methods: {
+        // method is REQUIRED by $q.dialog
+        show() { (this.$refs.dialog as QDialog).show() },
+        // method is REQUIRED by $q.dialog
+        hide() { (this.$refs.dialog as QDialog).hide() },
+        next() {
+            switch (this.panel) {
+                case 'notice':
+                    this.panel = 'words'
+                    break
+                case 'words':
+                    this.panel = 'check'
+                    break
+                case 'check':
+                    this.panel = 'done'
+                    break
+            }
+        },
+        onDone() {
+            this.hide()
+        }
+    }
+})
+</script>
diff --git a/src/pages/Backup/BackupPanel.vue b/src/pages/Backup/BackupPanel.vue
new file mode 100644
index 00000000..4a3f05b4
--- /dev/null
+++ b/src/pages/Backup/BackupPanel.vue
@@ -0,0 +1,151 @@
+<template>
+    <q-tab-panels
+        class="col"
+        animated
+        v-model="panel"
+        transition-next="jump-up"
+    >
+        <q-tab-panel
+            name="notice"
+            class="column q-pa-none no-wrap"
+        >
+            <page-content
+                padding
+                class="col"
+                innerClass="fit column justify-evenly"
+            >
+                <notice />
+            </page-content>
+            <page-action>
+                <q-btn
+                    :label="$t('common.next')"
+                    unelevated
+                    color="primary"
+                    @click="$emit('start')"
+                />
+            </page-action>
+        </q-tab-panel>
+        <q-tab-panel
+            name="words"
+            class="column q-pa-none no-wrap"
+        >
+            <page-content class="col q-pa-sm">
+                <Words :words="words" />
+            </page-content>
+            <page-action>
+                <q-btn
+                    :label="$t('backup.action_next_verify')"
+                    unelevated
+                    @click="$emit('next')"
+                    color="primary"
+                />
+            </page-action>
+        </q-tab-panel>
+        <q-tab-panel
+            name="check"
+            class="column q-pa-none no-wrap"
+        >
+            <page-content
+                class="col q-pa-sm"
+                innerClass="fit"
+            >
+                <CheckWords
+                    :words="words"
+                    @checked="$emit('next')"
+                />
+            </page-content>
+        </q-tab-panel>
+        <q-tab-panel
+            name="done"
+            class="column q-pa-none no-wrap"
+        >
+            <page-content
+                class="column fit"
+                innerClass="fit column justify-evenly"
+            >
+                <q-list class="text-center">
+                    <q-item>
+                        <q-item-section>
+                            <q-icon
+                                size="4rem"
+                                class="q-mx-auto"
+                                name="verified_user"
+                                color="positive"
+                            />
+                        </q-item-section>
+                    </q-item>
+                    <q-item>
+                        <q-item-section>
+                            <q-item-label class="text-h6 text-dark">{{$t('backup.label_backed_up')}}</q-item-label>
+                        </q-item-section>
+                    </q-item>
+                    <q-item>
+                        <q-item-section>
+                            <q-item-label class="text-body1 text-dark">{{$t('backup.msg_backed_up')}}</q-item-label>
+                        </q-item-section>
+                    </q-item>
+
+                </q-list>
+            </page-content>
+            <page-action>
+                <q-btn
+                    :label="$t('common.finish')"
+                    unelevated
+                    @click="onFinish"
+                    color="primary"
+                />
+            </page-action>
+        </q-tab-panel>
+    </q-tab-panels>
+</template>
+<script lang="ts">
+import Vue from 'vue'
+import Words from './Words.vue'
+import CheckWords from './CheckWords.vue'
+import Notice from './Notice.vue'
+import PageContent from 'src/components/PageContent.vue'
+import PageAction from 'src/components/PageAction.vue'
+export default Vue.extend({
+    props: {
+        panel: String,
+        walletId: Number,
+        words: {
+            type: Array as () => string[],
+            default: () => []
+        },
+        meta: {
+            type: Object as () => M.Wallet.Meta,
+            default: () => {}
+        }
+    },
+    components: {
+        Words,
+        CheckWords,
+        Notice,
+        PageContent,
+        PageAction
+    },
+    data() {
+        return {}
+    },
+    methods: {
+        async onFinish() {
+            const m: M.Wallet.Meta = {
+                ...this.meta as M.Wallet.Meta,
+                backedUp: true
+            }
+            try {
+                await this.$loading(
+                    () => {
+                        return this.$svc.wallet.update(this.walletId, m)
+                    }
+                )
+            } catch (error) {
+                console.warn(error)
+            }
+
+            this.$emit('done')
+        }
+    }
+})
+</script>
diff --git a/src/pages/Backup/Controller.vue b/src/pages/Backup/Controller.vue
index 4a87a81f..c025f08e 100644
--- a/src/pages/Backup/Controller.vue
+++ b/src/pages/Backup/Controller.vue
@@ -1,171 +1,78 @@
 <template>
     <div class="column fit">
         <page-toolbar :title="$t('backup.title')" />
-        <q-tab-panels
-            class="col"
-            animated
-            v-model="panel"
-            transition-next="jump-up"
-        >
-            <q-tab-panel
-                name="notice"
-                class="column q-pa-none no-wrap"
-            >
-                <page-content
-                    padding
-                    class="col"
-                    innerClass="fit column justify-evenly"
-                >
-                    <notice />
-                </page-content>
-                <page-action>
-                    <q-btn
-                        :label="$t('common.next')"
-                        unelevated
-                        color="primary"
-                        @click="onStart()"
-                    />
-                </page-action>
-            </q-tab-panel>
-            <q-tab-panel
-                name="words"
-                class="column q-pa-none no-wrap"
-            >
-                <page-content class="col q-pa-sm">
-                    <Words :words="words" />
-                </page-content>
-                <page-action>
-                    <q-btn
-                        :label="$t('backup.action_next_verify')"
-                        unelevated
-                        @click="panel = 'check'"
-                        color="primary"
-                    />
-                </page-action>
-            </q-tab-panel>
-            <q-tab-panel
-                name="check"
-                class="column q-pa-none no-wrap"
-            >
-                <page-content
-                    class="col q-pa-sm"
-                    innerClass="fit"
-                >
-                    <CheckWords
-                        :words="words"
-                        @checked="panel = 'done'"
-                    />
-                </page-content>
-            </q-tab-panel>
-            <q-tab-panel
-                name="done"
-                class="column q-pa-none no-wrap"
-            >
-                <page-content
-                    class="column fit"
-                    innerClass="fit column justify-evenly"
-                >
-                    <q-list class="text-center">
-                        <q-item>
-                            <q-item-section>
-                                <q-icon
-                                    size="4rem"
-                                    class="q-mx-auto"
-                                    name="verified_user"
-                                    color="positive"
-                                />
-                            </q-item-section>
-                        </q-item>
-                        <q-item>
-                            <q-item-section>
-                                <q-item-label class="text-h6 text-dark">{{$t('backup.label_backed_up')}}</q-item-label>
-                            </q-item-section>
-                        </q-item>
-                        <q-item>
-                            <q-item-section>
-                                <q-item-label class="text-body1 text-dark">{{$t('backup.msg_backed_up')}}</q-item-label>
-                            </q-item-section>
-                        </q-item>
-
-                    </q-list>
-                </page-content>
-                <page-action>
-                    <q-btn
-                        :label="$t('common.finish')"
-                        unelevated
-                        @click="onDone"
-                        color="primary"
-                    />
-                </page-action>
-            </q-tab-panel>
-        </q-tab-panels>
+        <backup-panel
+            :wallet-id="id"
+            :panel="panel"
+            :words="words"
+            :meta="meta"
+            @start="onStart"
+            @done="onDone"
+            @next="next"
+        />
     </div>
 </template>
 <script lang="ts">
 import Vue from 'vue'
-import Words from './Words.vue'
-import CheckWords from './CheckWords.vue'
-import PageToolbar from 'components/PageToolbar.vue'
-import Notice from './Notice.vue'
 import { Vault } from 'src/core/vault'
-import PageContent from 'src/components/PageContent.vue'
-import PageAction from 'src/components/PageAction.vue'
+import PageToolbar from 'src/components/PageToolbar.vue'
+import BackupPanel from './BackupPanel.vue'
+
 export default Vue.extend({
     props: {
         walletId: String
     },
     components: {
-        Words,
-        CheckWords,
-        Notice,
         PageToolbar,
-        PageContent,
-        PageAction
+        BackupPanel
     },
     data() {
         return {
-            wallet: null as unknown as M.Wallet | null,
-            words: [] as string[],
-            panel: 'notice' as 'notice' | 'words' | 'check' | 'done'
-        }
-    },
-    asyncComputed: {
-        async wallet(): Promise<M.Wallet | null> {
-            return await this.$svc.wallet.get(parseInt(this.walletId))
+            id: -1,
+            panel: 'notice' as 'notice' | 'words' | 'check' | 'done',
+            meta: {} as M.Wallet.Meta,
+            words: [] as string[]
         }
     },
     methods: {
+        next() {
+            switch (this.panel) {
+                case 'notice':
+                    this.panel = 'words'
+                    break
+                case 'words':
+                    this.panel = 'check'
+                    break
+                case 'check':
+                    this.panel = 'done'
+                    break
+            }
+        },
         async onStart() {
-            if (!this.wallet) { return }
+            const wallet = await this.$svc.wallet.get(parseInt(this.walletId))
+            if (!wallet) {
+                this.$q.notify(this.$t('backup.msg_wallet_not_found'))
+                this.$backOrHome()
+                return
+            }
+
+            this.id = wallet.id
+            this.meta = wallet.meta
             try {
                 const umk = await this.$authenticate()
                 try {
-                    const vault = Vault.decode(this.wallet.vault)
+                    const vault = Vault.decode(wallet.vault)
                     this.words = vault.decrypt(umk)
                         .toString('utf8')
                         .split(' ')
-                    this.panel = 'words'
+                    this.next()
                 } catch (error) {
                     console.warn(error)
-                    this.$router.back()
+                    this.$backOrHome()
                 }
             } catch { }
         },
-        async onDone() {
-            const meta: M.Wallet.Meta = {
-                ...this.wallet!.meta,
-                backedUp: true
-            }
-            try {
-                await this.$loading(
-                    () => {
-                        return this.$svc.wallet.update(this.wallet!.id, meta)
-                    }
-                )
-            } catch (error) {
-                console.warn(error)
-            }
-
+        onDone() {
             this.$router.back()
         }
     }
diff --git a/src/pages/Backup/index.ts b/src/pages/Backup/index.ts
index 187d6e73..1855fba7 100644
--- a/src/pages/Backup/index.ts
+++ b/src/pages/Backup/index.ts
@@ -1,2 +1,5 @@
 import Controller from './Controller.vue'
 export default Controller.extend({ name: 'Backup' })
+
+import BackupDialog from './BackupDialog.vue'
+export { BackupDialog }
diff --git a/src/pages/NewWallet/Controller.vue b/src/pages/NewWallet/Controller.vue
index 81e7f543..cb7bb887 100644
--- a/src/pages/NewWallet/Controller.vue
+++ b/src/pages/NewWallet/Controller.vue
@@ -80,6 +80,7 @@ import PageAction from 'components/PageAction.vue'
 import { Account } from '@vechain/hw-app-vet'
 import * as Ledger from 'src/utils/ledger'
 import SvgLedger from 'components/SvgLedger.vue'
+import { BackupDialog } from '../Backup'
 
 const defaultGid = genesises.main.id
 
@@ -214,23 +215,40 @@ export default Vue.extend({
                 const umk = await this.$authenticate()
                 try {
                     // main process
+                    let walletID = -1
+                    let meta: M.Wallet.Meta | null = null
                     await this.$loading(async () => {
+                        words = words || await Vault.generateMnemonic(wordsCount / 3 * 4)
                         const vault = Vault.createHD(
-                            words || await Vault.generateMnemonic(wordsCount / 3 * 4),
+                            words,
                             umk,
                             path)
                         const node0 = vault.derive(0)
-                        await this.$svc.wallet.insert({
+                        meta = {
+                            name: this.name,
+                            type: 'hd',
+                            addresses: [node0.address],
+                            backedUp: type === 'import'
+                        }
+                        walletID = await this.$svc.wallet.insert({
                             gid: this.gid,
                             vault: vault.encode(),
-                            meta: {
-                                name: this.name,
-                                type: 'hd',
-                                addresses: [node0.address],
-                                backedUp: type === 'import'
-                            }
+                            meta: meta
                         })
                     })
+                    // backup in lite mode
+                    if (process.env.MODE === 'spa' || process.env.MODE === 'pwa') {
+                        if (type === 'generate') {
+                            try {
+                                await this.$dialog({
+                                    component: BackupDialog,
+                                    walletId: walletID,
+                                    meta: meta,
+                                    words: words
+                                })
+                            } catch { }
+                        }
+                    }
                     this.$backOrHome()
                     this.$q.notify(this.$t('common.wallet_created'))
                 } catch (err) {
diff --git a/src/pages/Wizard/Controller.vue b/src/pages/Wizard/Controller.vue
index ec46597d..dced4e8e 100644
--- a/src/pages/Wizard/Controller.vue
+++ b/src/pages/Wizard/Controller.vue
@@ -82,6 +82,7 @@ import LanguageListPopup from 'pages/LanguageListPopup.vue'
 import PageContent from 'src/components/PageContent.vue'
 import PageAction from 'src/components/PageAction.vue'
 import { secureRNG, kdfEncrypt, Vault } from 'src/core/vault'
+import { BackupDialog } from '../Backup'
 
 async function randomDelay<T>(p: () => Promise<T>, aboutSeconds: number) {
     const [r] = await Promise.all<T, unknown>([
@@ -135,22 +136,38 @@ export default Vue.extend({
 
             // save the wallet
             this.progressStr = this.$t('wizard.msg_init_animation_s5').toString()
+
+            let walletID = -1
+            let meta: M.Wallet.Meta | null = null
             await randomDelay(async () => {
                 const node0 = vault.derive(0)
-                await this.$svc.wallet.insert({
+                meta = {
+                    name: 'My Wallet',
+                    type: 'hd',
+                    addresses: [node0.address],
+                    backedUp: false
+                }
+                walletID = await this.$svc.wallet.insert({
                     gid: genesises.main.id,
                     vault: vault.encode(),
-                    meta: {
-                        name: 'My Wallet',
-                        type: 'hd',
-                        addresses: [node0.address],
-                        backedUp: false
-                    }
+                    meta: meta
                 })
             }, 0.2)
 
             this.progressStr = ''
             this.finished = true
+
+            // backup in lite mode
+            if (process.env.MODE === 'spa' || process.env.MODE === 'pwa') {
+                try {
+                    await this.$dialog({
+                        component: BackupDialog,
+                        walletId: walletID,
+                        meta: meta,
+                        words: words
+                    })
+                } catch { }
+            }
         }
     }
 })