From 69134eaf4dbe308491d5a3943972f48490eb3fde Mon Sep 17 00:00:00 2001
From: Farhan Ahmad Nurzi
 <125247833+farhan-nurzi-deriv@users.noreply.github.com>
Date: Fri, 5 Jan 2024 14:58:42 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=94=A7=20personal=20details=20scre?=
 =?UTF-8?q?en=20overlapping=20(#12718)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../accounts/screens/PersonalDetails/PersonalDetails.scss      | 3 ++-
 .../src/features/cfd/flows/Verification/Verification.tsx       | 3 +++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/wallets/src/features/accounts/screens/PersonalDetails/PersonalDetails.scss b/packages/wallets/src/features/accounts/screens/PersonalDetails/PersonalDetails.scss
index 451da61e140f..776d685be557 100644
--- a/packages/wallets/src/features/accounts/screens/PersonalDetails/PersonalDetails.scss
+++ b/packages/wallets/src/features/accounts/screens/PersonalDetails/PersonalDetails.scss
@@ -9,7 +9,8 @@
     padding: 2.4rem;
 
     @include mobile {
-        width: 100%;
+        min-width: 100%;
+        min-height: 100%;
     }
 
     &__header {
diff --git a/packages/wallets/src/features/cfd/flows/Verification/Verification.tsx b/packages/wallets/src/features/cfd/flows/Verification/Verification.tsx
index 29db3a0c7cd7..45e8fef78cbd 100644
--- a/packages/wallets/src/features/cfd/flows/Verification/Verification.tsx
+++ b/packages/wallets/src/features/cfd/flows/Verification/Verification.tsx
@@ -4,6 +4,7 @@ import { ModalStepWrapper, WalletButton, WalletButtonGroup } from '../../../../c
 import { FlowProvider, TFlowProviderContext } from '../../../../components/FlowProvider';
 import { Loader } from '../../../../components/Loader';
 import { useModal } from '../../../../components/ModalProvider';
+import useDevice from '../../../../hooks/useDevice';
 import { THooks } from '../../../../types';
 import {
     ManualDocumentUpload,
@@ -81,6 +82,7 @@ const Verification: FC<TVerificationProps> = ({ selectedJurisdiction }) => {
     const { data: settings, update: updateSettings } = useSettings();
     const { submitIDVDocuments } = useIdentityDocumentVerificationAdd();
     const { getModalState, hide, show } = useModal();
+    const { isMobile } = useDevice();
 
     const selectedMarketType = getModalState('marketType') ?? 'all';
     const platform = getModalState('platform') ?? PlatformDetails.mt5.platform;
@@ -280,6 +282,7 @@ const Verification: FC<TVerificationProps> = ({ selectedJurisdiction }) => {
                                 : () => (
                                       <WalletButton
                                           disabled={isNextDisabled(context)}
+                                          isFullWidth={isMobile}
                                           isLoading={isNextLoading(context)}
                                           onClick={() => nextFlowHandler(context)}
                                           size='lg'