diff --git a/styles.css b/styles.css
index 74ec4e9..f44d687 100644
--- a/styles.css
+++ b/styles.css
@@ -851,7 +851,15 @@ body[data-page="cube"] .zone-button.cube-hold-ready::after {
   z-index: 20;
   display: grid;
   place-items: center;
-  padding: 1rem;
+  padding:
+    calc(1rem + var(--safe-top))
+    calc(1rem + var(--safe-right))
+    calc(1rem + var(--safe-bottom))
+    calc(1rem + var(--safe-left));
+  overflow-x: hidden;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  -webkit-overflow-scrolling: touch;
 }
 
 .modal.hidden {
@@ -869,6 +877,11 @@ body[data-page="cube"] .zone-button.cube-hold-ready::after {
   position: relative;
   z-index: 1;
   width: min(760px, 100%);
+  max-height: calc(100dvh - var(--safe-top) - var(--safe-bottom) - 2rem);
+  overflow-x: hidden;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  -webkit-overflow-scrolling: touch;
   background: #111111;
   box-shadow: var(--shadow);
 }