diff --git a/style/pi-hole.css b/style/pi-hole.css
index dfbd414b..393738f5 100644
--- a/style/pi-hole.css
+++ b/style/pi-hole.css
@@ -1122,9 +1122,22 @@ table.dataTable tbody > tr > .selected {
 }
 
 .pre-scrollable {
-  max-height: calc(100vh - 300px);
+  /* use dynamic unit to account for mobile browser interface height */
+  max-height: max(195px, 100dvh - 170px);
   overflow-y: scroll;
 }
+@media screen and (max-width: 767px) {
+  .pre-scrollable {
+    /* reduce max-height on mobile (higher header) */
+    max-height: max(195px, 100dvh - 220px);
+  }
+}
+@media screen and (max-width: 546px) {
+  .pre-scrollable {
+    /* reduce max-height even more (box-header text wraps, increasing the height) */
+    max-height: max(195px, 100dvh - 240px);
+  }
+}
 
 .hr-small {
   margin-top: 0px;