diff --git a/public/css/popup-safari-fix.css b/public/css/popup-safari-fix.css
new file mode 100644
index 000000000..1dc5085ff
--- /dev/null
+++ b/public/css/popup-safari-fix.css
@@ -0,0 +1,8 @@
+/* iPhone copium land */
+@media screen and (max-width: 1000px) {
+    .ios .popup .popup-body {
+        height: fit-content;
+        max-height: 95vh;
+        max-height: 95svh;
+    }
+}
diff --git a/public/css/popup.css b/public/css/popup.css
index b7a32ec89..6a000efa2 100644
--- a/public/css/popup.css
+++ b/public/css/popup.css
@@ -1,3 +1,5 @@
+@import url('./popup-safari-fix.css');
+
 dialog {
     color: var(--SmartThemeBodyColor);
 }
@@ -171,10 +173,3 @@ body.no-blur .popup[open]::backdrop {
     backface-visibility: hidden;
 }
 
-@media screen and (max-width: 1000px) {
-    .popup .popup-body {
-        height: fit-content;
-        max-height: 95vh;
-        max-height: 95svh;
-    }
-}
diff --git a/public/scripts/RossAscends-mods.js b/public/scripts/RossAscends-mods.js
index d8e652465..4dc86c9d6 100644
--- a/public/scripts/RossAscends-mods.js
+++ b/public/scripts/RossAscends-mods.js
@@ -725,6 +725,10 @@ export function initRossMods() {
         RA_autoconnect();
     }
 
+    if (getParsedUA()?.os?.name === 'iOS') {
+        document.body.classList.add('ios');
+    }
+
     $('#main_api').change(function () {
         var PrevAPI = main_api;
         setTimeout(() => RA_autoconnect(PrevAPI), 100);