diff --git a/src/app/core-ui/magic-side-nav/magic-side-nav.component.scss b/src/app/core-ui/magic-side-nav/magic-side-nav.component.scss
index d517d99cc2..d008705cdf 100644
--- a/src/app/core-ui/magic-side-nav/magic-side-nav.component.scss
+++ b/src/app/core-ui/magic-side-nav/magic-side-nav.component.scss
@@ -134,6 +134,10 @@
     transition: none !important;
   }
 
+  :host-context(body.isNativeMobile) &.mobile {
+    top: var(--safe-area-top);
+  }
+
   // Position right
   &.position-right {
     left: auto;
@@ -202,7 +206,7 @@
 
   @media (max-width: 600px) {
     padding-top: var(--safe-area-top);
-    padding-bottom: env(safe-area-inset-bottom);
+    padding-bottom: calc(var(--safe-area-bottom) + var(--bottom-nav-height));
   }
 
   :host-context(.isMac.isElectron) & {