1 files changed, 3 insertions, 14 deletions
diff --git a/web_src/css/base.css b/web_src/css/base.css
index 38faf2287c..879465ab7c 100644
--- a/web_src/css/base.css
+++ b/web_src/css/base.css
@@ -266,19 +266,11 @@ body {
   color: var(--color-text);
   background-color: var(--color-body);
   tab-size: var(--tab-size);
-  overflow-y: auto;
   display: flex;
   flex-direction: column;
   overflow-wrap: break-word;
 }
 
-@supports (overflow: overlay) {
-  body {
-    overflow: overlay; /* stylelint-disable-line */
-    scrollbar-gutter: stable;
-  }
-}
-
 table {
   border-collapse: collapse;
 }
@@ -910,7 +902,7 @@ img.ui.avatar,
 /* overwrite semantic width of containers inside the main page content div (div with class "page-content") */
 .page-content .ui.ui.ui.container:not(.fluid) {
   width: 1280px;
-  max-width: calc(100vw - 64px);
+  max-width: calc(100% - 64px);
   margin-left: auto;
   margin-right: auto;
 }
@@ -922,8 +914,7 @@ img.ui.avatar,
 /* enable fluid page widths for medium size viewports */
 @media (min-width: 768px) and (max-width: 1200px) {
   .page-content .ui.ui.ui.container:not(.fluid) {
-    width: calc(100vw - 32px);
-    max-width: calc(100vw - 32px);
+    max-width: calc(100% - 32px);
   }
   .ui.container.fluid.padded {
     padding: 0 16px;
@@ -932,8 +923,7 @@ img.ui.avatar,
 
 @media (max-width: 767.98px) {
   .page-content .ui.ui.ui.container:not(.fluid) {
-    width: calc(100vw - 16px);
-    max-width: calc(100vw - 16px);
+    max-width: calc(100% - 16px);
   }
   .ui.container.fluid.padded {
     padding: 0 8px;
@@ -945,7 +935,6 @@ img.ui.avatar,
   align-items: center;
   background: var(--color-nav-bg);
   border-bottom: 1px solid var(--color-secondary);
-  width: 100vw;
   min-height: 52px;
   margin: 0 !important;
 }