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;
+ }
+ }
}
}