diff --git a/src/app/games/massive-darkness2/hero-dashboard/hero-dashboard.component.scss b/src/app/games/massive-darkness2/hero-dashboard/hero-dashboard.component.scss
index fa87efb..17e2364 100644
--- a/src/app/games/massive-darkness2/hero-dashboard/hero-dashboard.component.scss
+++ b/src/app/games/massive-darkness2/hero-dashboard/hero-dashboard.component.scss
@@ -103,11 +103,15 @@
 .tp-wrapper {
     -webkit-perspective: 800px;
     perspective: 800px;
-    height: 85vh;
+    height: 40vh; // Default for portrait
 
-    @media (max-height: 450px) and (orientation: landscape) {
+    @media (orientation: landscape) {
         height: 85vh;
     }
+
+    @media (orientation: portrait) and (max-height: 667px) {
+        height: 50vh;
+    }
 }
 
 .tp-box {