diff --git a/src/stylesheets/styles.scss b/src/stylesheets/styles.scss
index 1d72d03d96df7c0817fe08fdcfef883fec3a3990..061b8a7d832acb8cc54f028dda595b9dd05b1a8d 100644
--- a/src/stylesheets/styles.scss
+++ b/src/stylesheets/styles.scss
@@ -153,6 +153,7 @@
 
   .center-panel {
     width: $main-width;
+    max-width: $main-max-width;
   }
 
   div.card.network {
diff --git a/src/stylesheets/variables.scss b/src/stylesheets/variables.scss
index 37489817eceb9e414a59dc305ddc6d74d085507a..be773f9037ca85b08d16b8137384b9800aa41d5b 100644
--- a/src/stylesheets/variables.scss
+++ b/src/stylesheets/variables.scss
@@ -39,6 +39,7 @@ $sidebar-width: 25%;
 $sidebar-min-width: 235px;
 $sidebar-max-width: 320px;
 $main-width: calc(100% - (max(#{$sidebar-width},#{$sidebar-min-width})));
+$main-max-width: calc(100% - (min(#{$sidebar-width},#{$sidebar-max-width})));
 
 
 // settings for different screen sizes