diff --git a/app/assets/stylesheets/common/base/menu-panel.scss b/app/assets/stylesheets/common/base/menu-panel.scss
index e6381a6b927..3c00b372bc6 100644
--- a/app/assets/stylesheets/common/base/menu-panel.scss
+++ b/app/assets/stylesheets/common/base/menu-panel.scss
@@ -155,6 +155,7 @@
   .quick-access-panel {
     width: 320px;
     padding: 0.75em;
+    padding-bottom: 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
@@ -716,9 +717,7 @@ body.footer-nav-ipad {
     --100dvh: 100dvh;
   }
 
-  --base-height: calc(
-    var(--100dvh) - var(--header-top) - env(safe-area-inset-bottom, 0px)
-  );
+  --base-height: calc(var(--100dvh) - var(--header-top));
 
   height: var(--base-height);
 
diff --git a/app/assets/stylesheets/common/base/sidebar-footer.scss b/app/assets/stylesheets/common/base/sidebar-footer.scss
index 6c0f3fc2cfd..270c01085e5 100644
--- a/app/assets/stylesheets/common/base/sidebar-footer.scss
+++ b/app/assets/stylesheets/common/base/sidebar-footer.scss
@@ -11,6 +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);
     &:before {
       // fade to make scroll more apparent
       position: absolute;