diff --git a/app/assets/stylesheets/_main.scss b/app/assets/stylesheets/_main.scss
index f86ff4fcddd..ec3fbd982f4 100644
--- a/app/assets/stylesheets/_main.scss
+++ b/app/assets/stylesheets/_main.scss
@@ -89,6 +89,7 @@ p {
 .main-ui-view {
   min-height: 100vh;
   height: 100vh;
+  position: relative;
   overflow: auto;
   background-color: var(--sn-stylekit-background-color);
 }
diff --git a/app/assets/stylesheets/_modals.scss b/app/assets/stylesheets/_modals.scss
index c83aefd044e..77494478d59 100644
--- a/app/assets/stylesheets/_modals.scss
+++ b/app/assets/stylesheets/_modals.scss
@@ -103,7 +103,7 @@
 }
 
 .sk-modal {
-  position: fixed;
+  position: absolute;
   margin-left: auto;
   margin-right: auto;
   left: 0;
@@ -111,8 +111,8 @@
   top: 0;
   bottom: 0;
   z-index: $z-index-modal;
-  width: 100vw;
-  height: 100vh;
+  width: 100%;
+  height: 100%;
 
   background-color: transparent;
   color: var(--sn-stylekit-contrast-foreground-color);