diff --git a/src/@core/scss/pages/page-auth.scss b/src/@core/scss/pages/page-auth.scss
index 5f9f77c8..b08cdcb1 100644
--- a/src/@core/scss/pages/page-auth.scss
+++ b/src/@core/scss/pages/page-auth.scss
@@ -1,5 +1,5 @@
 .auth-wrapper {
-  min-block-size: calc(var(--vh, 1vh) * 100);
+  min-block-size: calc(var(--vh, 1vh) * 100 + env(safe-area-inset-top));
 }
 
 .auth-footer-mask {
diff --git a/src/@layouts/styles/_default-layout.scss b/src/@layouts/styles/_default-layout.scss
index 3aa6b5dc..f961e546 100644
--- a/src/@layouts/styles/_default-layout.scss
+++ b/src/@layouts/styles/_default-layout.scss
@@ -4,8 +4,11 @@
 @use "@layouts/styles/mixins";
 @use "@configured-variables" as variables;
 
-html,
-body {
+html {
+  min-height: calc(100% + env(safe-area-inset-top))
+}
+
+body, #app {
   min-block-size: 100%;
 }