diff --git a/gorge.css b/gorge.css
index f5ed4e6..10bba45 100644
--- a/gorge.css
+++ b/gorge.css
@@ -75,6 +75,9 @@ button {
   height: 90%;
   max-height: 80vh;
   padding-bottom: 10px;
+}
+
+#buildings-list {
   overflow-x: hidden;
   overflow-y: scroll;
 }
@@ -88,6 +91,9 @@ button {
     max-height: 40vh;
   }
 
+  #buildings-list {
+    max-height: 40vh;
+  }
 }
 
 #building-tooltip {
diff --git a/gorge.html b/gorge.html
index 13dec22..e5c2602 100644
--- a/gorge.html
+++ b/gorge.html
@@ -52,6 +52,7 @@
       <div id="building-tooltip-cost"></div>
       <div id="building-tooltip-prod"></div>
     </div>
+    <div id="buildings-list"></div>
   </div>
 
 </body>
diff --git a/gorge.js b/gorge.js
index bd1cfae..90024f9 100644
--- a/gorge.js
+++ b/gorge.js
@@ -379,7 +379,7 @@ function createButtons() {
 }
 
 function createBuildings() {
-  let container = document.querySelector("#buildings-area");
+  let container = document.querySelector("#buildings-list");
 
   for (const [key, value] of Object.entries(buildings)) {
     let button = document.createElement("div");