diff --git a/packages/wallets/src/components/Base/ModalStepWrapper/ModalStepWrapper.scss b/packages/wallets/src/components/Base/ModalStepWrapper/ModalStepWrapper.scss
index 470e0165f98a..77189fbd43b2 100644
--- a/packages/wallets/src/components/Base/ModalStepWrapper/ModalStepWrapper.scss
+++ b/packages/wallets/src/components/Base/ModalStepWrapper/ModalStepWrapper.scss
@@ -11,7 +11,7 @@
         grid-template-rows: 6rem auto;
 
         &--hide-deriv-app-header {
-            height: 100vh;
+            height: 100svh;
         }
 
         &--fixed-footer {
diff --git a/packages/wallets/src/components/DerivAppsSection/DerivAppsGetAccount.tsx b/packages/wallets/src/components/DerivAppsSection/DerivAppsGetAccount.tsx
index 40009266d99f..94d157110a6e 100644
--- a/packages/wallets/src/components/DerivAppsSection/DerivAppsGetAccount.tsx
+++ b/packages/wallets/src/components/DerivAppsSection/DerivAppsGetAccount.tsx
@@ -23,6 +23,7 @@ const DerivAppsGetAccount: React.FC = () => {
         show(
             <ModalStepWrapper
                 renderFooter={isDesktop ? undefined : () => <DerivAppsSuccessFooter />}
+                shouldHideDerivAppHeader
                 shouldHideHeader={isDesktop}
             >
                 <CFDSuccess
@@ -31,7 +32,10 @@ const DerivAppsGetAccount: React.FC = () => {
                     renderButton={() => <DerivAppsSuccessFooter />}
                     title={`Your Deriv Apps (${landingCompanyName}) account is ready`}
                 />
-            </ModalStepWrapper>
+            </ModalStepWrapper>,
+            {
+                defaultRootId: 'wallets_modal_root',
+            }
         );
     }, [activeWallet?.display_balance, activeWallet?.wallet_currency_type, isDesktop, landingCompanyName, show]);