diff --git a/assets/scss/styles.scss b/assets/scss/styles.scss
index 07e66c24..81eb63d1 100644
--- a/assets/scss/styles.scss
+++ b/assets/scss/styles.scss
@@ -761,6 +761,7 @@ section {
 
   main {
     padding: 0 8px 68px;
+    margin-bottom: env(safe-area-inset-bottom);
   }
 
   ul,
diff --git a/components/layout/sidenav.vue b/components/layout/sidenav.vue
index 54d8f0e0..80125774 100644
--- a/components/layout/sidenav.vue
+++ b/components/layout/sidenav.vue
@@ -300,6 +300,7 @@ nav.secondary-nav {
     @apply justify-between;
     @apply bg-bgDarkColor;
     @apply space-y-0;
+    padding-bottom: env(safe-area-inset-bottom);
 
     a {
       @apply bg-transparent;