diff --git a/gorge.css b/gorge.css
index de56d66..1a0158a 100644
--- a/gorge.css
+++ b/gorge.css
@@ -3,6 +3,7 @@ body {
   user-select: none;
   -moz-user-select: none;
   touch-action: manipulation;
+  overflow: hidden;
 }
 
 body.dark {
diff --git a/gorge.js b/gorge.js
index b7db318..bd1cfae 100644
--- a/gorge.js
+++ b/gorge.js
@@ -649,8 +649,21 @@ function upgradeTooltip(id, event) {
   fillTooltip("upgrade", "prereqs", renderPrereqs(upgrades[id].prereqs));
 
   let yOffset = tooltip.parentElement.getBoundingClientRect().y;
+  let tooltipSize = tooltip.getBoundingClientRect().height;
 
   let yTrans = Math.round(event.clientY - yOffset);
+
+  var body = document.body,
+    html = document.documentElement;
+
+  var height = Math.max(window.innerHeight);
+
+  yTrans = Math.min(yTrans, height - tooltipSize - 150);
+
+  console.log(height);
+  console.log(yOffset);
+  console.log(yTrans);
+
   tooltip.style.setProperty("transform", "translate(-220px, " + yTrans + "px)");
 }
 
@@ -693,8 +706,6 @@ function buildingTooltip(id, event) {
   fillTooltip("building", "cost", render(costOfBuilding(id)) + " food");
   fillTooltip("building", "prod", prodSummary(id));
 
-  let yOffset = tooltip.parentElement.getBoundingClientRect().y;
-
   let xPos = tooltip.parentElement.getBoundingClientRect().x - 450;
   
   // wow browsers are bad