diff --git a/src/app/core-ui/mobile-bottom-nav/mobile-bottom-nav.component.scss b/src/app/core-ui/mobile-bottom-nav/mobile-bottom-nav.component.scss
index 734902c99c..fc2bd0291d 100644
--- a/src/app/core-ui/mobile-bottom-nav/mobile-bottom-nav.component.scss
+++ b/src/app/core-ui/mobile-bottom-nav/mobile-bottom-nav.component.scss
@@ -9,7 +9,7 @@
   bottom: 0;
   left: 0;
   right: 0;
-  height: calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));
+  height: calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) / 2);
   box-sizing: border-box;
   background: var(--bottom-nav-bg);
   border-top: 1px solid var(--separator-color);
@@ -17,7 +17,7 @@
   align-items: center;
   justify-content: space-between;
   padding: 0 8px;
-  padding-bottom: env(safe-area-inset-bottom);
+  padding-bottom: calc(env(safe-area-inset-bottom) / 2);
   z-index: var(--z-mobile-bottom-nav);
   display: flex;
 
@@ -107,7 +107,7 @@
 // iOS: nav extends its background into the home indicator area,
 // padding keeps buttons above it
 :host-context(.isIOS) .mobile-bottom-nav {
-  padding-bottom: env(safe-area-inset-bottom);
+  padding-bottom: calc(env(safe-area-inset-bottom) / 2);
 }
 
 // Material Design touch target improvements
diff --git a/src/styles/components/_overwrite-material.scss b/src/styles/components/_overwrite-material.scss
index 45d99e3efa..a6b86e1139 100644
--- a/src/styles/components/_overwrite-material.scss
+++ b/src/styles/components/_overwrite-material.scss
@@ -346,14 +346,14 @@ mat-tooltip-component {
   }
   body.hasMobileBottomNav mat-snack-bar-container {
     margin-bottom: calc(
-      var(--bottom-nav-height) + env(safe-area-inset-bottom) + 24px
+      var(--bottom-nav-height) + env(safe-area-inset-bottom) / 2 + 24px
     ) !important;
     pointer-events: auto;
     transition: 150ms margin;
   }
   body.hasMobileBottomNav.isAddTaskBarOpen mat-snack-bar-container {
     margin-bottom: calc(
-      var(--bottom-nav-height) + env(safe-area-inset-bottom) + 48px
+      var(--bottom-nav-height) + env(safe-area-inset-bottom) / 2 + 48px
     ) !important;
     pointer-events: auto;
   }