diff --git a/app/_locales/en/messages.json b/app/_locales/en/messages.json index 7494f39df..d64299449 100644 --- a/app/_locales/en/messages.json +++ b/app/_locales/en/messages.json @@ -2590,22 +2590,22 @@ "message": "Secure my wallet (recommended)" }, "seedPhraseIntroSidebarBulletFour": { - "message": "Write down and store in multiple secret places." + "message": "Write down and store in multiple secret places" }, "seedPhraseIntroSidebarBulletOne": { "message": "Save in a password manager" }, "seedPhraseIntroSidebarBulletThree": { - "message": "Store in a safe-deposit box." + "message": "Store in a safe deposit box" }, "seedPhraseIntroSidebarBulletTwo": { - "message": "Store in a bank vault." + "message": "Store in a bank vault" }, "seedPhraseIntroSidebarCopyOne": { "message": "Your Secret Recovery Phrase is a 12-word phrase that is the “master key” to your wallet and your funds" }, "seedPhraseIntroSidebarCopyThree": { - "message": "If someone asks for your recovery phrase they are likely trying to scam you and steal your wallet funds" + "message": "If someone asks for your recovery phrase they are likely trying to scam you and steal your wallet funds." }, "seedPhraseIntroSidebarCopyTwo": { "message": "Never, ever share your Secret Recovery Phrase, not even with MetaMask!" diff --git a/ui/pages/onboarding-flow/secure-your-wallet/index.scss b/ui/pages/onboarding-flow/secure-your-wallet/index.scss index 3a1f80041..c76b01313 100644 --- a/ui/pages/onboarding-flow/secure-your-wallet/index.scss +++ b/ui/pages/onboarding-flow/secure-your-wallet/index.scss @@ -8,6 +8,7 @@ &__details { max-width: 550px; + padding-inline-end: 10px; } &__actions { diff --git a/ui/pages/onboarding-flow/secure-your-wallet/secure-your-wallet.js b/ui/pages/onboarding-flow/secure-your-wallet/secure-your-wallet.js index 4201b7986..1990b7a4c 100644 --- a/ui/pages/onboarding-flow/secure-your-wallet/secure-your-wallet.js +++ b/ui/pages/onboarding-flow/secure-your-wallet/secure-your-wallet.js @@ -9,6 +9,7 @@ import { TYPOGRAPHY, JUSTIFY_CONTENT, FONT_WEIGHT, + DISPLAY, } from '../../../helpers/constants/design-system'; import { ThreeStepProgressBar, @@ -59,16 +60,13 @@ export default function SecureYourWallet() { justifyContent={JUSTIFY_CONTENT.CENTER} textAlign={TEXT_ALIGN.CENTER} marginBottom={4} + marginTop={8} > {t('seedPhraseIntroTitle')} - + - - - {t('seedPhraseIntroSidebarTitleOne')} - - - {t('seedPhraseIntroSidebarCopyOne')} - - - - - {t('seedPhraseIntroSidebarTitleTwo')} - - - - - - {t('seedPhraseIntroSidebarTitleThree')} - - - {t('seedPhraseIntroSidebarCopyTwo')} - - - - - {t('seedPhraseIntroSidebarCopyThree')} - + + + + {t('seedPhraseIntroSidebarTitleOne')} + + + {t('seedPhraseIntroSidebarCopyOne')} + + + + + {t('seedPhraseIntroSidebarTitleTwo')} + +
    +
  • {t('seedPhraseIntroSidebarBulletOne')}
  • +
  • {t('seedPhraseIntroSidebarBulletThree')}
  • +
  • {t('seedPhraseIntroSidebarBulletFour')}
  • +
+
+ + + {t('seedPhraseIntroSidebarTitleThree')} + + + {t('seedPhraseIntroSidebarCopyTwo')} + + + + + {t('seedPhraseIntroSidebarCopyThree')} + +
);