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('seedPhraseIntroSidebarBulletOne')}
- - {t('seedPhraseIntroSidebarBulletTwo')}
- - {t('seedPhraseIntroSidebarBulletThree')}
- - {t('seedPhraseIntroSidebarBulletFour')}
-
-
-
-
- {t('seedPhraseIntroSidebarTitleThree')}
-
-
- {t('seedPhraseIntroSidebarCopyTwo')}
-
-
-
-
- {t('seedPhraseIntroSidebarCopyThree')}
-
+
+
+
+ {t('seedPhraseIntroSidebarTitleOne')}
+
+
+ {t('seedPhraseIntroSidebarCopyOne')}
+
+
+
+
+ {t('seedPhraseIntroSidebarTitleTwo')}
+
+
+ - {t('seedPhraseIntroSidebarBulletOne')}
+ - {t('seedPhraseIntroSidebarBulletThree')}
+ - {t('seedPhraseIntroSidebarBulletFour')}
+
+
+
+
+ {t('seedPhraseIntroSidebarTitleThree')}
+
+
+ {t('seedPhraseIntroSidebarCopyTwo')}
+
+
+
+
+ {t('seedPhraseIntroSidebarCopyThree')}
+
+
);