-
+
{__('Account number')}
-
+
{accountNumber ? `•••• ${accountNumber.substr(-4)}` : '-'}
@@ -192,8 +192,7 @@ const getStyles = (tokens) => ({
rowHeader: {
color: tokens.TextColor.InputLabel,
},
- bold: {
- fontWeight: tokens.FontWeight.Bold,
+ rowValue: {
overflowWrap: 'anywhere',
},
button: {
diff --git a/src/views/microdeposits/VerifyDeposits.js b/src/views/microdeposits/VerifyDeposits.js
index 18228b0c8c..bbf1f28967 100644
--- a/src/views/microdeposits/VerifyDeposits.js
+++ b/src/views/microdeposits/VerifyDeposits.js
@@ -104,7 +104,7 @@ export const VerifyDeposits = ({ microdeposit, onSuccess }) => {
data-test="title-header"
style={styles.title}
truncate={false}
- variant="H2"
+ variant="h2"
>
{__('Enter deposit amounts')}
@@ -114,7 +114,7 @@ export const VerifyDeposits = ({ microdeposit, onSuccess }) => {
data-test="deposit-paragraph"
style={styles.subtitle}
truncate={false}
- variant="Paragraph"
+ variant="subtitle1"
>
{
/* --TR: Full string "Please find the two small deposits less than a dollar each in your {accountName} account, and enter the amounts here." */
@@ -135,7 +135,7 @@ export const VerifyDeposits = ({ microdeposit, onSuccess }) => {
style={styles.messageBox}
variant="error"
>
-
+
{state.submittingError
? __("We're unable to submit your deposit amounts. Please try again.")
: __('One or more of the amounts was incorrect. Please try again.')}