From 28b8cec9615a646d32f3ec3bacbfd019da7195fb Mon Sep 17 00:00:00 2001
From: utkarsha-deriv <utkarsha@regentmarkets.com>
Date: Tue, 4 Jun 2024 16:07:44 +0400
Subject: [PATCH] fix: personal details error

---
 packages/account/src/Styles/account.scss                   | 7 +++++++
 .../form-submit-error-message.scss                         | 4 ++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/account/src/Styles/account.scss b/packages/account/src/Styles/account.scss
index ed8b4dc93280..f3be8033b5ff 100644
--- a/packages/account/src/Styles/account.scss
+++ b/packages/account/src/Styles/account.scss
@@ -444,6 +444,13 @@ $MIN_HEIGHT_FLOATING: calc(
                     }
                 }
             }
+
+            @include tablet-screen {
+                .dc-form-submit-error-message {
+                    width: 100%;
+                    justify-content: center;
+                }
+            }
         }
 
         &__trading-assessment,
diff --git a/packages/components/src/components/form-submit-error-message/form-submit-error-message.scss b/packages/components/src/components/form-submit-error-message/form-submit-error-message.scss
index 0069cd3da244..1ed5a80f47d8 100644
--- a/packages/components/src/components/form-submit-error-message/form-submit-error-message.scss
+++ b/packages/components/src/components/form-submit-error-message/form-submit-error-message.scss
@@ -8,12 +8,12 @@
     p {
         padding-left: 0.8rem;
 
-        @include mobile {
+        @include mobile-or-tablet-screen {
             line-height: 20px;
         }
     }
 
-    @include mobile {
+    @include mobile-or-tablet-screen {
         padding: 0 1.6rem 1rem;
         position: absolute;
         bottom: 7rem;