diff --git a/app/assets/stylesheets/mobile/menu-panel.scss b/app/assets/stylesheets/mobile/menu-panel.scss
index 89837ffb96..95894ad691 100644
--- a/app/assets/stylesheets/mobile/menu-panel.scss
+++ b/app/assets/stylesheets/mobile/menu-panel.scss
@@ -33,5 +33,6 @@
 }
 
 .panel-body-contents {
-  padding-bottom: env(safe-area-inset-bottom);
+  // 2em padding very useful for iOS Safari's overlayed bottom nav
+  padding-bottom: calc(env(safe-area-inset-bottom) + 2em);
 }