diff --git a/packages/account/src/Sections/Security/Passwords/deriv-email.tsx b/packages/account/src/Sections/Security/Passwords/deriv-email.tsx index 4dbdef439ac8..ca08df589165 100644 --- a/packages/account/src/Sections/Security/Passwords/deriv-email.tsx +++ b/packages/account/src/Sections/Security/Passwords/deriv-email.tsx @@ -106,8 +106,8 @@ const DerivEmail = observer(() => { width='440px' height='200px' > -
- +
+ {(error as VerifyEmailError)?.code === 'EmailChangeFailP2PActive' ? ( ) : ( diff --git a/packages/account/src/Styles/account.scss b/packages/account/src/Styles/account.scss index 5a5afa85322f..efd82bfb89f3 100644 --- a/packages/account/src/Styles/account.scss +++ b/packages/account/src/Styles/account.scss @@ -726,9 +726,27 @@ $MIN_HEIGHT_FLOATING: calc( } } } - &-error_text { - align-self: flex-start; - padding-left: 2.4rem; + + &-unhandled-error { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 0.8rem 0; + .dc-btn { + margin-top: 2.4rem; + } + &-error_text { + align-self: flex-start; + padding-left: 2.4rem; + } + @include mobile { + height: calc(100vh - 80px); + padding: 0.4rem 0; + .dc-btn { + margin-top: 1.6rem; + } + } } }