diff --git a/app/javascript/src/styles/common/main_layout.scss b/app/javascript/src/styles/common/main_layout.scss
index e3c034c0d..f258715a6 100644
--- a/app/javascript/src/styles/common/main_layout.scss
+++ b/app/javascript/src/styles/common/main_layout.scss
@@ -31,7 +31,14 @@ footer#page-footer {
 
   #sidebar {
     flex: 0;
-    min-width: 20em;
+
+    @media (min-width: 1080px) {
+      min-width: 245px;
+    }
+
+    @media (min-width: 1920px) {
+      min-width: 280px;
+    }
   }
 
   #content {