diff --git a/app/assets/stylesheets/common/base/menu-panel.scss b/app/assets/stylesheets/common/base/menu-panel.scss
index 3c00b372bc6..00bfa46b963 100644
--- a/app/assets/stylesheets/common/base/menu-panel.scss
+++ b/app/assets/stylesheets/common/base/menu-panel.scss
@@ -155,7 +155,7 @@
   .quick-access-panel {
     width: 320px;
     padding: 0.75em;
-    padding-bottom: env(safe-area-inset-bottom, 0.75em);
+    padding-bottom: max(env(safe-area-inset-bottom), 0.75em);
     justify-content: space-between;
     box-sizing: border-box;
     min-width: 0; // makes sure menu tabs don't go off screen
diff --git a/app/assets/stylesheets/common/base/sidebar-footer.scss b/app/assets/stylesheets/common/base/sidebar-footer.scss
index 270c01085e5..c19598fa6bd 100644
--- a/app/assets/stylesheets/common/base/sidebar-footer.scss
+++ b/app/assets/stylesheets/common/base/sidebar-footer.scss
@@ -11,7 +11,7 @@
     border-top: 1.5px solid var(--primary-low);
     background: var(--primary-very-low);
     padding: 0.5em 0.8em;
-    padding-bottom: env(safe-area-inset-bottom, 0.5em);
+    padding-bottom: max(env(safe-area-inset-bottom), 0.5em);
     &:before {
       // fade to make scroll more apparent
       position: absolute;