diff --git a/packages/neuron-ui/package.json b/packages/neuron-ui/package.json
index 80ad01f168..c832d47fd1 100644
--- a/packages/neuron-ui/package.json
+++ b/packages/neuron-ui/package.json
@@ -50,10 +50,14 @@
     "last 2 chrome versions"
   ],
   "dependencies": {
-    "@ckb-lumos/rpc": "0.23.0",
-    "@ckb-lumos/base": "0.23.0",
-    "@ckb-lumos/lumos": "0.23.0",
-    "@ckb-lumos/helpers": "0.23.0",
+    "@ckb-lumos/bi": "0.21.1",
+    "@ckb-lumos/rpc": "0.21.1",
+    "@ckb-lumos/base": "0.21.1",
+    "@ckb-lumos/codec": "0.21.1",
+    "@ckb-lumos/hd": "0.21.1",
+    "@ckb-lumos/helpers": "0.21.1",
+    "@ckb-lumos/config-manager": "0.21.1",
+    "@ckb-lumos/common-scripts": "0.21.1",
     "canvg": "2.0.0",
     "i18next": "23.7.11",
     "immer": "9.0.21",
diff --git a/packages/neuron-ui/src/components/WalletWizard/hooks.ts b/packages/neuron-ui/src/components/WalletWizard/hooks.ts
index c52c3867bd..c073cc8661 100644
--- a/packages/neuron-ui/src/components/WalletWizard/hooks.ts
+++ b/packages/neuron-ui/src/components/WalletWizard/hooks.ts
@@ -1,12 +1,34 @@
 import { useState, useCallback } from 'react'
 
+const MNEMONIC_SENTENCE_WORDS = 12
+
 export const useInputWords = () => {
-  const [inputsWords, setInputsWords] = useState<string[]>(new Array(12).fill(''))
+  const [inputsWords, setInputsWords] = useState<string[]>(new Array(MNEMONIC_SENTENCE_WORDS).fill(''))
   const onChangeInput = useCallback(
-    (e: React.ChangeEvent<HTMLInputElement>) => {
+    (
+      e:
+        | React.ChangeEvent<HTMLInputElement>
+        | {
+            target: {
+              dataset: { idx: string }
+              value: string
+            }
+          }
+    ) => {
       const idx = Number(e.target.dataset.idx)
       if (Number.isNaN(idx)) return
       const { value } = e.target
+      if (Number(idx) === 0) {
+        const list = value
+          .trim()
+          .replace(/[^0-9a-z]+/g, ' ')
+          .split(' ')
+        if (list.length === MNEMONIC_SENTENCE_WORDS) {
+          setInputsWords(list)
+          return
+        }
+      }
+
       setInputsWords(v => {
         const newWords = [...v]
         newWords[idx] = value
diff --git a/packages/neuron-ui/src/components/WalletWizard/index.tsx b/packages/neuron-ui/src/components/WalletWizard/index.tsx
index 384492854a..b4c7ab61b0 100644
--- a/packages/neuron-ui/src/components/WalletWizard/index.tsx
+++ b/packages/neuron-ui/src/components/WalletWizard/index.tsx
@@ -20,7 +20,7 @@ import i18n from 'utils/i18n'
 import MnemonicInput from 'widgets/MnemonicInput'
 import ReplaceDuplicateWalletDialog, { useReplaceDuplicateWallet } from 'components/ReplaceDuplicateWalletDialog'
 import Alert from 'widgets/Alert'
-import { Loading } from 'widgets/Icons/icon'
+import { Loading, SuccessInfo, Error as ErrorIcon } from 'widgets/Icons/icon'
 import TextField from 'widgets/TextField'
 import { showGlobalAlertDialog, useDispatch } from 'states'
 import { importedWalletDialogShown } from 'services/localCache'
@@ -182,19 +182,17 @@ const Welcome = ({ rootPath = '/wizard/', wallets = [], dispatch }: WizardElemen
 
 Welcome.displayName = 'Welcome'
 
-const typeHits: Record<MnemonicAction, string> = {
-  [MnemonicAction.Create]: 'wizard.write-down-seed',
-  [MnemonicAction.Verify]: 'wizard.input-seed-verify',
-  [MnemonicAction.Import]: '',
-}
-
 const Mnemonic = ({ state = initState, rootPath = '/wizard/', dispatch }: WizardElementProps) => {
   const { generated, imported } = state
   const navigate = useNavigate()
   const { type = MnemonicAction.Create } = useParams<{ type: MnemonicAction }>()
   const [t] = useTranslation()
   const isCreate = type === MnemonicAction.Create
-  const message = isCreate ? 'wizard.your-wallet-seed-is' : 'wizard.input-your-seed'
+  const message = {
+    [MnemonicAction.Create]: 'wizard.your-wallet-seed-is',
+    [MnemonicAction.Verify]: 'wizard.replenish-your-seed',
+    [MnemonicAction.Import]: 'wizard.input-your-seed',
+  }[type]
   const { inputsWords, onChangeInput, setInputsWords } = useInputWords()
   const [searchParams] = useSearchParams()
   const disableNext =
@@ -202,6 +200,8 @@ const Mnemonic = ({ state = initState, rootPath = '/wizard/', dispatch }: Wizard
     (type === MnemonicAction.Verify && generated !== inputsWords.join(' '))
 
   const [step, changeStep] = useState(0)
+  const [blankIndexes, setBlankIndexes] = useState<number[]>([])
+
   useEffect(() => {
     if (type === MnemonicAction.Create) {
       generateMnemonic().then(res => {
@@ -210,7 +210,15 @@ const Mnemonic = ({ state = initState, rootPath = '/wizard/', dispatch }: Wizard
             type: 'generated',
             payload: res.result,
           })
-          setInputsWords(new Array(12).fill(''))
+          const uniqueRandomArray = new Set<number>()
+          while (uniqueRandomArray.size < 3) {
+            const randomInt = Math.floor(Math.random() * 12)
+            uniqueRandomArray.add(randomInt)
+          }
+          const nums = [...uniqueRandomArray]
+          const list = res.result.split(' ').map((item: string, index: number) => (nums.includes(index) ? '' : item))
+          setBlankIndexes(nums)
+          setInputsWords(list)
         }
       })
     } else {
@@ -219,7 +227,7 @@ const Mnemonic = ({ state = initState, rootPath = '/wizard/', dispatch }: Wizard
         payload: '',
       })
     }
-  }, [dispatch, type, navigate])
+  }, [dispatch, type, navigate, setBlankIndexes])
 
   const globalDispatch = useDispatch()
 
@@ -285,17 +293,32 @@ const Mnemonic = ({ state = initState, rootPath = '/wizard/', dispatch }: Wizard
         </div>
       )}
       <div className={styles.text}>{t(message)}</div>
-      {type === MnemonicAction.Import ? (
-        <CreateFirstWalletNav />
-      ) : (
-        <div className={styles.hint}>{t(typeHits[type])}</div>
+      {type === MnemonicAction.Import && <CreateFirstWalletNav />}
+      {type === MnemonicAction.Create && (
+        <div className={styles.createCommend}>
+          <div className={styles.commendItem}>
+            <SuccessInfo type="success" />
+            {t('wizard.handwritten-recommended')}
+          </div>
+          <div className={styles.commendItem}>
+            <ErrorIcon />
+            {t('wizard.do-not-copy')}
+          </div>
+          <div className={styles.commendItem}>
+            <ErrorIcon />
+            {t('wizard.do-not-save-scrrenshots')}
+          </div>
+        </div>
       )}
+      {type === MnemonicAction.Verify && <div className={styles.hint}>{t('wizard.input-seed-verify')}</div>}
       <MnemonicInput
         disabled={isCreate}
         words={generated}
         inputsWords={inputsWords}
         onChangeInputWord={onChangeInput}
+        blankIndexes={MnemonicAction.Import ? undefined : blankIndexes}
       />
+      {type === MnemonicAction.Import && <div className={styles.tips}>{t('wizard.input-seed-first-empty-space')}</div>}
       <div className={styles.actions}>
         <Button type="submit" label={t('wizard.next')} onClick={onNext} disabled={disableNext} />
         <Button type="text" label={t('wizard.back')} onClick={onBack} />
diff --git a/packages/neuron-ui/src/components/WalletWizard/walletWizard.module.scss b/packages/neuron-ui/src/components/WalletWizard/walletWizard.module.scss
index 3d1a00bf46..2fe415b424 100644
--- a/packages/neuron-ui/src/components/WalletWizard/walletWizard.module.scss
+++ b/packages/neuron-ui/src/components/WalletWizard/walletWizard.module.scss
@@ -94,6 +94,27 @@ $line-gap: 15px;
   .actions {
     @include form-footer;
   }
+  .createCommend {
+    margin: 24px 0 34px;
+    display: flex;
+    width: 100%;
+    justify-content: center;
+    align-items: center;
+    gap: 32px;
+    .commendItem {
+      display: flex;
+      gap: 4px;
+      align-items: center;
+      color: var(--error-color);
+      &:first-child {
+        color: var(--secondary-text-color);
+      }
+      svg {
+        width: 16px;
+        height: 16px;
+      }
+    }
+  }
 }
 
 @keyframes rotating {
@@ -110,12 +131,16 @@ $line-gap: 15px;
 
   .title {
     @include header-title;
-    margin-bottom: 16px;
+    max-width: 611px;
+    margin: 0 auto 16px;
   }
 
   .input {
     width: 500px;
     margin: 0 auto;
+    input {
+      font-family: 'Inter-Regular';
+    }
   }
 
   .inputNotice {
@@ -141,9 +166,9 @@ $line-gap: 15px;
 
 .hint {
   font-size: 16px;
-  font-weight: 500;
   line-height: 22px;
   color: var(--secondary-text-color);
+  margin-top: 16px;
   margin-bottom: 40px;
   & > a {
     color: var(--link-color);
@@ -151,6 +176,12 @@ $line-gap: 15px;
   }
 }
 
+.tips {
+  font-size: 14px;
+  color: var(--secondary-text-color);
+  margin-top: 12px;
+}
+
 .steps {
   display: flex;
   flex-direction: row;
diff --git a/packages/neuron-ui/src/locales/en.json b/packages/neuron-ui/src/locales/en.json
index 65b3341a08..db85a72669 100644
--- a/packages/neuron-ui/src/locales/en.json
+++ b/packages/neuron-ui/src/locales/en.json
@@ -182,15 +182,19 @@
       "input-your-seed": "Please input your wallet seed",
       "password": "Password",
       "confirm-password": "Confirm Password",
-      "set-wallet-name-and-password": "Name your new wallet, and choose a strong password to protect it",
-      "set-wallet-name": "Give your new wallet a name",
-      "set-a-strong-password-to-protect-your-wallet": "Create a strong password to protect your wallet",
+      "set-wallet-name-and-password": "Please name your wallet on this device and choose a strong password to protect it",
+      "set-wallet-name": "Set a name for the wallet",
+      "set-a-strong-password-to-protect-your-wallet": "Please set a strong password to protect your wallet",
       "wallet-suffix": "Wallet {{suffix}}",
-      "write-down-seed": "Write down your wallet seed and save it in a safe place",
+      "handwritten-recommended": "Handwritten transcription recommended",
+      "do-not-copy": "Do not copy",
+      "do-not-save-scrrenshots": "Do not save scrrenshots",
+      "replenish-your-seed": "Please replenish your wallet seed",
       "new-name": "Use an unused name for the new wallet",
       "complex-password": "The password should be 8 to 50 characters long containing at least three character categories among the following: uppercase letters, lowercase letters, numbers, and special symbols.",
       "same-password": "The password and confirm password should match",
-      "input-seed-verify": "Input created seed to verify",
+      "input-seed-verify": "Please enter the correct wallet seed or click back to recreate the wallet",
+      "input-seed-first-empty-space": "You can paste the entire wallet seed to the first empty space",
       "no-wallet": "No wallet?",
       "create-wallet": "Create Wallet",
       "repeat-password": "Repeat Password",
diff --git a/packages/neuron-ui/src/locales/es.json b/packages/neuron-ui/src/locales/es.json
index b8561c404f..6e2fd2f7cc 100644
--- a/packages/neuron-ui/src/locales/es.json
+++ b/packages/neuron-ui/src/locales/es.json
@@ -175,15 +175,19 @@
       "input-your-seed": "Por favor introduce la frase semilla de tu billetera",
       "password": "Contraseña",
       "confirm-password": "Confirmar Contraseña",
-      "set-wallet-name-and-password": "Nombra tu nueva billetera y elige una contraseña segura para protegerla",
-      "set-wallet-name": "Dale un nombre a tu nueva billetera",
-      "set-a-strong-password-to-protect-your-wallet": "Crea una contraseña segura para proteger tu billetera",
+      "set-wallet-name-and-password": "Por favor, nombra tu billetera en este dispositivo y elige una contraseña fuerte para protegerla",
+      "set-wallet-name": "Establece un nombre para la billetera",
+      "set-a-strong-password-to-protect-your-wallet": "Por favor, establece una contraseña fuerte para proteger tu billetera",
       "wallet-suffix": "Billetera {{suffix}}",
-      "write-down-seed": "Escribe la frase semilla de tu billetera y guárdala en un lugar seguro",
+      "handwritten-recommended": "Se recomienda transcripción a mano",
+      "do-not-copy": "No copiar",
+      "do-not-save-scrrenshots": "No guardar capturas de pantalla",
+      "replenish-your-seed": "Por favor, repón la semilla de tu billetera",
       "new-name": "Usa un nombre no usado previamente para la nueva billetera",
       "complex-password": "La contraseña debe tener entre 8 y 50 caracteres y contener al menos tres categorías de caracteres entre las siguientes: letras en mayúscula, letras en minúscula, números y símbolos especiales.",
       "same-password": "La contraseña y la confirmación de contraseña deben coincidir",
-      "input-seed-verify": "Ingresa la frase semilla creada para verificar",
+      "input-seed-verify": "Por favor, ingresa la semilla correcta de la billetera o haz clic en regresar para recrear la billetera",
+      "input-seed-first-empty-space": "Puede pegar toda la semilla del monedero en el primer espacio vacío",
       "no-wallet": "¿No tienes una billetera?",
       "create-wallet": "Crear Billetera",
       "repeat-password": "Repetir Contraseña",
diff --git a/packages/neuron-ui/src/locales/fr.json b/packages/neuron-ui/src/locales/fr.json
index 985df1b7c9..ec0df27270 100644
--- a/packages/neuron-ui/src/locales/fr.json
+++ b/packages/neuron-ui/src/locales/fr.json
@@ -182,15 +182,19 @@
       "input-your-seed": "Veuillez entrer votre graine de Wallet",
       "password": "Mot de passe",
       "confirm-password": "Confirmer le mot de passe",
-      "set-wallet-name-and-password": "Nommez votre nouveau Wallet et choisissez un mot de passe fort pour le protéger",
-      "set-wallet-name": "Donnez un nom à votre nouveau Wallet",
-      "set-a-strong-password-to-protect-your-wallet": "Créez un mot de passe fort pour protéger votre Wallet",
+      "set-wallet-name-and-password": "Veuillez nommer votre portefeuille sur cet appareil et choisir un mot de passe fort pour le protéger",
+      "set-wallet-name": "Définissez un nom pour le portefeuille",
+      "set-a-strong-password-to-protect-your-wallet": "Veuillez définir un mot de passe fort pour protéger votre portefeuille",
       "wallet-suffix": "Wallet {{suffix}}",
-      "write-down-seed": "Notez votre graine de Wallet et enregistrez-la dans un endroit sûr",
+      "handwritten-recommended": "Transcription manuscrite recommandée",
+      "do-not-copy": "Ne pas copier",
+      "do-not-save-scrrenshots": "Ne pas sauvegarder de captures d'écran",
+      "replenish-your-seed": "Veuillez reconstituer la graine de votre portefeuille",
       "new-name": "Utilisez un nom inutilisé pour le nouveau Wallet",
       "complex-password": "Le mot de passe doit contenir entre 8 et 50 caractères, comprenant au moins trois catégories parmi les suivantes : lettres majuscules, lettres minuscules, chiffres et symboles spéciaux.",
       "same-password": "Le mot de passe et la confirmation du mot de passe doivent correspondre",
-      "input-seed-verify": "Saisissez la graine créée pour vérification",
+      "input-seed-verify": "Veuillez entrer la graine correcte du portefeuille ou cliquez sur retour pour recréer le portefeuille",
+      "input-seed-first-empty-space": "Vous pouvez coller l'intégralité de la graine du portefeuille dans le premier espace vide",
       "no-wallet": "Pas de Wallet ?",
       "create-wallet": "Créer un Wallet",
       "repeat-password": "Répéter le mot de passe",
diff --git a/packages/neuron-ui/src/locales/zh-tw.json b/packages/neuron-ui/src/locales/zh-tw.json
index d12dd36228..0bb1ea2f02 100644
--- a/packages/neuron-ui/src/locales/zh-tw.json
+++ b/packages/neuron-ui/src/locales/zh-tw.json
@@ -176,15 +176,19 @@
       "input-your-seed": "請輸入您的助記詞",
       "password": "密碼",
       "confirm-password": "確認密碼",
-      "set-wallet-name-and-password": "為新錢包命名，並設置密碼",
-      "set-wallet-name": "為錢包設定名稱",
-      "set-a-strong-password-to-protect-your-wallet": "請設定一個强密碼用於保護您的錢包",
+      "set-wallet-name-and-password": "請在此設備上為您的錢包命名，並選擇一個強密碼來保護它",
+      "set-wallet-name": "為錢包設置一個名稱",
+      "set-a-strong-password-to-protect-your-wallet": "請設置一個強密碼來保護您的錢包",
       "wallet-suffix": "錢包 {{suffix}}",
-      "write-down-seed": "請記下您的助記詞並保存到安全的地方",
+      "handwritten-recommended": "推薦手寫抄錄",
+      "do-not-copy": "不要複製",
+      "do-not-save-scrrenshots": "不要保存截圖",
+      "replenish-your-seed": "請補充您的助記詞",
       "new-name": "輸入新的錢包名稱",
       "complex-password": "密碼為 8 至 50 字元由大寫字母、小寫字母、數位、特殊符號中至少三種字元組成的字串。",
       "same-password": "兩次輸入密碼應一致",
-      "input-seed-verify": "輸入新生成的助記詞進行驗證",
+      "input-seed-verify": "請輸入正確的助記詞或點擊返回重新創建錢包",
+      "input-seed-first-empty-space": "您可以將整個錢包助記詞粘貼到第一個空格處",
       "no-wallet": "還沒有錢包?",
       "create-wallet": "立即創建新錢包",
       "repeat-password": "重復密碼",
diff --git a/packages/neuron-ui/src/locales/zh.json b/packages/neuron-ui/src/locales/zh.json
index 0d5bba3a30..9481f370b7 100644
--- a/packages/neuron-ui/src/locales/zh.json
+++ b/packages/neuron-ui/src/locales/zh.json
@@ -175,15 +175,19 @@
       "input-your-seed": "请输入您的助记词",
       "password": "密码",
       "confirm-password": "确认密码",
-      "set-wallet-name-and-password": "为新钱包命名, 并设置密码",
-      "set-wallet-name": "为钱包设置名称",
-      "set-a-strong-password-to-protect-your-wallet": "请设置一个强密码用于保护您的钱包",
+      "set-wallet-name-and-password": "请在此设备上为您的钱包命名，并选择一个强密码来保护它",
+      "set-wallet-name": "为钱包设置一个名称",
+      "set-a-strong-password-to-protect-your-wallet": "请设置一个强密码来保护您的钱包",
       "wallet-suffix": "钱包 {{suffix}}",
-      "write-down-seed": "请记下您的助记词并保存到安全的地方",
+      "handwritten-recommended": "推荐手写抄录",
+      "do-not-copy": "不要复制",
+      "do-not-save-scrrenshots": "不要保存截图",
+      "replenish-your-seed": "请补充您的助记词",
       "new-name": "输入新的钱包名称",
       "complex-password": "密码为 8 至 50 位由大写字母、小写字母、数字、特殊符号中至少三类字符组成的字符串。",
       "same-password": "两次输入密码应一致",
-      "input-seed-verify": "输入新生成的助记词进行验证",
+      "input-seed-verify": "请输入正确的助记词或点击返回重新创建钱包",
+      "input-seed-first-empty-space": "您可以将整个钱包助记词粘贴到第一个空格处",
       "no-wallet": "还没有钱包?",
       "create-wallet": "立即创建新钱包",
       "repeat-password": "重复密码",
diff --git a/packages/neuron-ui/src/widgets/MnemonicInput/index.module.scss b/packages/neuron-ui/src/widgets/MnemonicInput/index.module.scss
index 04d920b55e..28c58d14cf 100644
--- a/packages/neuron-ui/src/widgets/MnemonicInput/index.module.scss
+++ b/packages/neuron-ui/src/widgets/MnemonicInput/index.module.scss
@@ -24,15 +24,44 @@
   }
 
   & .wordItem {
+    position: relative;
+    color: var(--input-second-color);
     &:focus-within {
-      color: #00c891;
+      color: var(--main-text-color);
     }
     &:not(:focus-within) {
       &.errorWords {
-        color: #ff1e1e;
         & > input {
           border-bottom: 1px solid #ff1e1e;
-          color: #ff1e1e;
+        }
+      }
+    }
+
+    .dropdown {
+      position: absolute;
+      height: 132px;
+      overflow-y: auto;
+      min-width: 72px;
+      background: var(--secondary-background-color);
+      padding: 2px;
+      border-radius: 6px;
+      z-index: 10;
+      top: 24px;
+      left: 16px;
+
+      .dropdownItem {
+        margin-bottom: 4px;
+        line-height: 16px;
+        padding: 4px;
+        color: var(--main-text-color);
+        border-radius: 4px;
+        border: none;
+        width: 100%;
+        background: none;
+        text-align: start;
+        cursor: pointer;
+        &:hover {
+          background: var(--hover-background-color);
         }
       }
     }
@@ -58,6 +87,11 @@
       &:focus {
         border-bottom: 1px solid #00c891;
       }
+
+      &:disabled {
+        color: var(--input-second-color);
+        border-bottom: none;
+      }
     }
   }
 }
diff --git a/packages/neuron-ui/src/widgets/MnemonicInput/index.tsx b/packages/neuron-ui/src/widgets/MnemonicInput/index.tsx
index 1203d0e1dc..3830b686de 100644
--- a/packages/neuron-ui/src/widgets/MnemonicInput/index.tsx
+++ b/packages/neuron-ui/src/widgets/MnemonicInput/index.tsx
@@ -1,4 +1,6 @@
-import React, { useMemo } from 'react'
+import React, { useMemo, useCallback, useState, useRef } from 'react'
+import mnemonicWordList from '@ckb-lumos/hd/lib/mnemonic/word_list'
+import { useDidMount } from 'utils'
 import styles from './index.module.scss'
 
 const MnemonicInput = ({
@@ -6,15 +8,83 @@ const MnemonicInput = ({
   words,
   inputsWords,
   onChangeInputWord,
+  blankIndexes,
 }: {
-  disabled: boolean
+  disabled?: boolean
   words: string
   inputsWords: string[]
-  onChangeInputWord: React.ChangeEventHandler<HTMLInputElement>
+  onChangeInputWord: (
+    e:
+      | React.ChangeEvent<HTMLInputElement>
+      | {
+          target: {
+            dataset: { idx: string }
+            value: string
+          }
+        }
+  ) => void
+
+  blankIndexes?: number[]
 }) => {
   const wordList = useMemo(() => Object.assign(new Array(12).fill(''), words?.split(' ')), [words])
+  const [focusIndex, setFocusIndex] = useState(-1)
+  const mounted = useRef(true)
+  const root = useRef<HTMLDivElement>(null)
+
+  const onDropdownClick = useCallback((e: React.SyntheticEvent<HTMLButtonElement>) => {
+    const {
+      dataset: { idx = '', value },
+    } = e.target as HTMLButtonElement
+    onChangeInputWord({
+      target: {
+        dataset: { idx },
+        value: value || '',
+      },
+    })
+    setFocusIndex(-1)
+  }, [])
+
+  const onFocus = useCallback(
+    (e: React.FocusEvent<HTMLInputElement>) => {
+      setFocusIndex(Number(e.target.dataset.idx))
+    },
+    [setFocusIndex]
+  )
+
+  const options = useMemo(
+    () => mnemonicWordList.filter(item => item.indexOf(inputsWords[focusIndex]) === 0),
+    [focusIndex, inputsWords]
+  )
+
+  const onDocumentClick = useCallback(
+    (e: MouseEvent) => {
+      if (mounted.current && e.target instanceof Node && !root.current?.contains?.(e.target) && focusIndex) {
+        setFocusIndex(-1)
+      }
+    },
+    [setFocusIndex, focusIndex]
+  )
+
+  useDidMount(() => {
+    document.addEventListener('click', onDocumentClick, false)
+    return () => document.removeEventListener('click', onDocumentClick, false)
+  })
+
+  const getInputValue = useCallback(
+    (idx: number) => {
+      if (blankIndexes) {
+        return blankIndexes.includes(idx) ? inputsWords[idx] : '***'
+      }
+      if (focusIndex === idx) {
+        return inputsWords[idx]
+      }
+      return inputsWords[idx] ? '***' : ''
+    },
+    [blankIndexes, focusIndex, inputsWords]
+  )
+
   return (
-    <div className={styles.root}>
+    <div className={styles.root} ref={root}>
       {disabled
         ? wordList.map((v, idx) => (
             <div key={v || idx.toString()} className={styles.showItem}>
@@ -29,7 +99,29 @@ const MnemonicInput = ({
               ${inputsWords[idx] && v && v !== inputsWords[idx] ? styles.errorWords : ''}`}
             >
               {idx + 1}
-              <input data-idx={idx} className={styles.input} onChange={onChangeInputWord} />
+              <input
+                disabled={blankIndexes && !blankIndexes.includes(idx)}
+                data-idx={idx}
+                value={getInputValue(idx)}
+                className={styles.input}
+                onChange={onChangeInputWord}
+                onFocus={onFocus}
+              />
+              {focusIndex === idx && options.length && inputsWords[idx] ? (
+                <div className={styles.dropdown}>
+                  {options.map(item => (
+                    <button
+                      type="button"
+                      className={styles.dropdownItem}
+                      data-idx={idx}
+                      data-value={item}
+                      onClick={onDropdownClick}
+                    >
+                      {item}
+                    </button>
+                  ))}
+                </div>
+              ) : null}
             </div>
           ))}
     </div>
diff --git a/packages/neuron-wallet/src/block-sync-renderer/sync/indexer-cache-service.ts b/packages/neuron-wallet/src/block-sync-renderer/sync/indexer-cache-service.ts
index 185371d945..99f29b49e4 100644
--- a/packages/neuron-wallet/src/block-sync-renderer/sync/indexer-cache-service.ts
+++ b/packages/neuron-wallet/src/block-sync-renderer/sync/indexer-cache-service.ts
@@ -194,7 +194,7 @@ export default class IndexerCacheService {
     const txsWithStatus: TransactionWithStatus[] = []
     const fetchBlockDetailsQueue = queue(async (hash: string) => {
       const txWithStatus = await this.rpcService.getTransaction(hash)
-      if (!txWithStatus) {
+      if (!txWithStatus?.transaction) {
         return
       }
       const blockHeader = await this.rpcService.getHeader(txWithStatus!.txStatus.blockHash!)
diff --git a/packages/neuron-wallet/src/block-sync-renderer/tx-status-listener.ts b/packages/neuron-wallet/src/block-sync-renderer/tx-status-listener.ts
index 1a2532559b..3d996b3cf7 100644
--- a/packages/neuron-wallet/src/block-sync-renderer/tx-status-listener.ts
+++ b/packages/neuron-wallet/src/block-sync-renderer/tx-status-listener.ts
@@ -7,6 +7,7 @@ import TransactionWithStatus from '../models/chain/transaction-with-status'
 import logger from '../utils/logger'
 import { getConnection } from '../database/chain/connection'
 import { interval } from 'rxjs'
+import TxStatus from '../models/chain/tx-status'
 
 type TransactionDetail = {
   hash: string
@@ -18,7 +19,8 @@ type TransactionDetail = {
 const getTransactionStatus = async (hash: string) => {
   const network = NetworksService.getInstance().getCurrent()
   const rpcService = new RpcService(network.remote, network.type)
-  const txWithStatus: TransactionWithStatus | undefined = await rpcService.getTransaction(hash)
+  const txWithStatus: TransactionWithStatus | undefined | { transaction: null; txStatus: TxStatus } =
+    await rpcService.getTransaction(hash)
   if (!txWithStatus) {
     return {
       tx: txWithStatus,
@@ -33,6 +35,13 @@ const getTransactionStatus = async (hash: string) => {
       blockHash: txWithStatus.txStatus.blockHash,
     }
   }
+  if (txWithStatus.txStatus.isRejected()) {
+    return {
+      tx: null,
+      status: TransactionStatus.Rejected,
+      blockHash: null,
+    }
+  }
   return {
     tx: txWithStatus.transaction,
     status: TransactionStatus.Pending,
@@ -41,16 +50,16 @@ const getTransactionStatus = async (hash: string) => {
 }
 
 const trackingStatus = async () => {
-  const pendingTransactions = await FailedTransaction.pendings()
+  const pendingOrFailedTransactions = await FailedTransaction.pendingOrFaileds()
   await FailedTransaction.processAmendFailedTxs()
 
-  if (!pendingTransactions.length) {
+  if (!pendingOrFailedTransactions.length) {
     return
   }
 
-  const pendingHashes = pendingTransactions.map(tx => tx.hash)
+  const pendingOrFailedHashes = pendingOrFailedTransactions.map(tx => tx.hash)
   const txs = await Promise.all(
-    pendingHashes.map(async hash => {
+    pendingOrFailedHashes.map(async hash => {
       try {
         const txWithStatus = await getTransactionStatus(hash)
         return {
@@ -65,17 +74,18 @@ const trackingStatus = async () => {
     })
   )
 
-  const failedTxs = txs.filter(
-    (tx): tx is TransactionDetail & { status: TransactionStatus.Failed } => tx?.status === TransactionStatus.Failed
-  )
-  const successTxs = txs.filter(
-    (tx): tx is TransactionDetail & { status: TransactionStatus.Success } => tx?.status === TransactionStatus.Success
-  )
+  const failedTxs = txs.filter((tx): tx is TransactionDetail => tx?.status === TransactionStatus.Failed)
+  const successTxs = txs.filter((tx): tx is TransactionDetail => tx?.status === TransactionStatus.Success)
+  const rejectedTxs = txs.filter((tx): tx is TransactionDetail => tx?.status === TransactionStatus.Rejected)
 
   if (failedTxs.length) {
     await FailedTransaction.updateFailedTxs(failedTxs.map(tx => tx.hash))
   }
 
+  if (rejectedTxs.length) {
+    await FailedTransaction.deleteFailedTxs(rejectedTxs.map(tx => tx.hash))
+  }
+
   if (successTxs.length > 0) {
     const network = NetworksService.getInstance().getCurrent()
     const rpcService = new RpcService(network.remote, network.type)
diff --git a/packages/neuron-wallet/src/models/chain/transaction.ts b/packages/neuron-wallet/src/models/chain/transaction.ts
index d618357e5c..762d4b5312 100644
--- a/packages/neuron-wallet/src/models/chain/transaction.ts
+++ b/packages/neuron-wallet/src/models/chain/transaction.ts
@@ -14,6 +14,7 @@ export enum TransactionStatus {
   Pending = 'pending',
   Success = 'success',
   Failed = 'failed',
+  Rejected = 'rejected',
 }
 
 export interface SudtTokenInfo {
diff --git a/packages/neuron-wallet/src/models/chain/tx-status.ts b/packages/neuron-wallet/src/models/chain/tx-status.ts
index a2c54c553a..ba2292e8d1 100644
--- a/packages/neuron-wallet/src/models/chain/tx-status.ts
+++ b/packages/neuron-wallet/src/models/chain/tx-status.ts
@@ -4,6 +4,7 @@ export enum TxStatusType {
   Pending = 'pending',
   Proposed = 'proposed',
   Committed = 'committed',
+  Rejected = 'rejected',
 }
 
 export default class TxStatus {
@@ -28,6 +29,10 @@ export default class TxStatus {
     return this.status === TxStatusType.Committed
   }
 
+  public isRejected(): boolean {
+    return this.status === TxStatusType.Rejected
+  }
+
   public toSDK() {
     return {
       blockHash: this.blockHash,
diff --git a/packages/neuron-wallet/src/services/rpc-service.ts b/packages/neuron-wallet/src/services/rpc-service.ts
index 8b59adf858..3f6aab645e 100644
--- a/packages/neuron-wallet/src/services/rpc-service.ts
+++ b/packages/neuron-wallet/src/services/rpc-service.ts
@@ -6,6 +6,7 @@ import TransactionWithStatus from '../models/chain/transaction-with-status'
 import logger from '../utils/logger'
 import { generateRPC } from '../utils/ckb-rpc'
 import { NetworkType } from '../models/network'
+import TxStatus, { TxStatusType } from '../models/chain/tx-status'
 
 export default class RpcService {
   private retryTime: number
@@ -29,20 +30,19 @@ export default class RpcService {
     return BlockHeader.fromSDK(result)
   }
 
-  /**
-   * TODO: rejected tx should be handled
-   * {
-   *   transaction: null,
-   *   txStatus: { blockHash: null, status: 'rejected' }
-   * }
-   */
-  public async getTransaction(hash: string): Promise<TransactionWithStatus | undefined> {
+  public async getTransaction(
+    hash: string
+  ): Promise<TransactionWithStatus | undefined | { transaction: null; txStatus: TxStatus }> {
     const result = await this.rpc.getTransaction(hash)
     if (result?.transaction) {
       return TransactionWithStatus.fromSDK(result)
     }
-    if ((result.txStatus as any) === 'rejected') {
+    if (result.txStatus.status === TxStatusType.Rejected) {
       logger.warn(`Transaction[${hash}] was rejected`)
+      return {
+        transaction: null,
+        txStatus: TxStatus.fromSDK(result.txStatus),
+      }
     }
     return undefined
   }
diff --git a/packages/neuron-wallet/src/services/tx/failed-transaction.ts b/packages/neuron-wallet/src/services/tx/failed-transaction.ts
index 996c53d336..96c8f754cf 100644
--- a/packages/neuron-wallet/src/services/tx/failed-transaction.ts
+++ b/packages/neuron-wallet/src/services/tx/failed-transaction.ts
@@ -9,16 +9,41 @@ import { TransactionStatus } from '../../models/chain/transaction'
 import AmendTransactionEntity from '../../database/chain/entities/amend-transaction'
 
 export class FailedTransaction {
-  public static pendings = async (): Promise<TransactionEntity[]> => {
-    const pendingTransactions = await getConnection()
+  public static pendingOrFaileds = async (): Promise<TransactionEntity[]> => {
+    const transactions = await getConnection()
       .getRepository(TransactionEntity)
       .createQueryBuilder('tx')
       .where({
-        status: TransactionStatus.Pending,
+        status: In([TransactionStatus.Pending, TransactionStatus.Failed]),
       })
       .getMany()
 
-    return pendingTransactions
+    return transactions
+  }
+
+  public static deleteFailedTxs = async (hashes: string[]) => {
+    await getConnection().manager.transaction(async transactionalEntityManager => {
+      await transactionalEntityManager
+        .createQueryBuilder()
+        .delete()
+        .from(TransactionEntity)
+        .where({ hash: In(hashes) })
+        .execute()
+
+      await transactionalEntityManager
+        .createQueryBuilder()
+        .delete()
+        .from(OutputEntity)
+        .where({ outPointTxHash: In(hashes) })
+        .execute()
+
+      await transactionalEntityManager
+        .createQueryBuilder()
+        .delete()
+        .from(InputEntity)
+        .where({ outPointTxHash: In(hashes) })
+        .execute()
+    })
   }
 
   public static processAmendFailedTxs = async () => {
@@ -56,28 +81,7 @@ export class FailedTransaction {
       }
     })
 
-    await getConnection().manager.transaction(async transactionalEntityManager => {
-      await transactionalEntityManager
-        .createQueryBuilder()
-        .delete()
-        .from(TransactionEntity)
-        .where({ hash: In(removeTxs) })
-        .execute()
-
-      await transactionalEntityManager
-        .createQueryBuilder()
-        .delete()
-        .from(OutputEntity)
-        .where({ outPointTxHash: In(removeTxs) })
-        .execute()
-
-      await transactionalEntityManager
-        .createQueryBuilder()
-        .delete()
-        .from(InputEntity)
-        .where({ outPointTxHash: In(removeTxs) })
-        .execute()
-    })
+    await FailedTransaction.deleteFailedTxs(removeTxs)
   }
 
   // update tx status to TransactionStatus.Failed
diff --git a/packages/neuron-wallet/src/services/tx/transaction-generator.ts b/packages/neuron-wallet/src/services/tx/transaction-generator.ts
index fbaaeafbdb..2c0214f958 100644
--- a/packages/neuron-wallet/src/services/tx/transaction-generator.ts
+++ b/packages/neuron-wallet/src/services/tx/transaction-generator.ts
@@ -72,7 +72,7 @@ export class TransactionGenerator {
       if (!nftCell) return
 
       const nftTx = await this.getRpcService().getTransaction(outPoint.txHash)
-      const nftOriginalOutputData = nftTx?.transaction.outputsData[Number(outPoint.index)]
+      const nftOriginalOutputData = nftTx?.transaction?.outputsData[Number(outPoint.index)]
       if (!nftOriginalOutputData) return
 
       nftCell.data = nftOriginalOutputData