diff --git a/public/css/popup.css b/public/css/popup.css
index d09744933..3a1881353 100644
--- a/public/css/popup.css
+++ b/public/css/popup.css
@@ -32,7 +32,7 @@ dialog {
     flex-direction: column;
     overflow: hidden;
     width: 100%;
-    height: auto;
+    height: 100%;
     padding: 1px;
 }
 
@@ -170,3 +170,9 @@ body.no-blur .popup[open]::backdrop {
     /* Fix weird animation issue with font-scaling during popup open */
     backface-visibility: hidden;
 }
+
+@media screen and (max-width: 1000px) {
+    .popup .popup-body {
+        height: auto;
+    }
+}