diff --git a/apps/web/src/scss/base.scss b/apps/web/src/scss/base.scss
index b02d413595..257662fd5b 100644
--- a/apps/web/src/scss/base.scss
+++ b/apps/web/src/scss/base.scss
@@ -4,6 +4,7 @@ html {
 
 body {
   min-width: 1010px;
+  position: relative;
 
   &.layout_frontend {
     @media (prefers-color-scheme: dark) {
diff --git a/apps/web/src/scss/tailwind.css b/apps/web/src/scss/tailwind.css
index 1e04904d9d..e58785aecb 100644
--- a/apps/web/src/scss/tailwind.css
+++ b/apps/web/src/scss/tailwind.css
@@ -3,8 +3,3 @@
 @tailwind utilities;
 
 @import "../../../../libs/components/src/tw-theme.css";
-
-/* Prevent page from jumping when showing scrollbar */
-html {
-  margin-right: calc(-100vw + 100%);
-}
diff --git a/libs/components/src/tw-theme.css b/libs/components/src/tw-theme.css
index 21c9f345b7..75a8fa6380 100644
--- a/libs/components/src/tw-theme.css
+++ b/libs/components/src/tw-theme.css
@@ -202,7 +202,7 @@ summary.tw-list-none::-webkit-details-marker {
 }
 
 .cdk-global-scrollblock {
-  position: unset;
+  position: relative;
   height: 100%;
   overflow: hidden;
 }