diff --git a/app/static/css/main.css b/app/static/css/main.css
index 1dd23746be..c937ee2576 100644
--- a/app/static/css/main.css
+++ b/app/static/css/main.css
@@ -102,6 +102,7 @@ button::-moz-focus-inner {
 }
 
 .open {
+    overflow-y: scroll;
     padding-bottom: 20px;
 }
 
diff --git a/app/static/js/controller.js b/app/static/js/controller.js
index 9dc88a2717..05b68ec58a 100644
--- a/app/static/js/controller.js
+++ b/app/static/js/controller.js
@@ -26,7 +26,7 @@ const setupConfigLayout = () => {
         if (content.style.maxHeight) {
             content.style.maxHeight = null;
         } else {
-            content.style.maxHeight = content.scrollHeight + "px";
+            content.style.maxHeight = "400px";
         }
 
         content.classList.toggle("open");
diff --git a/app/templates/index.html b/app/templates/index.html
index 05099a2d30..cf8f342a96 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -41,9 +41,10 @@
             }
 
             .content {
-                max-height: 720px;
+                max-height: 400px;
                 padding: 18px;
                 border-radius: 10px;
+                overflow-y: scroll;
             }
 
             .collapsible {