diff --git a/app/assets/stylesheets/overrides/_turbolinks.scss b/app/assets/stylesheets/overrides/_turbolinks.scss
index 4f3a0560..8161a7ca 100644
--- a/app/assets/stylesheets/overrides/_turbolinks.scss
+++ b/app/assets/stylesheets/overrides/_turbolinks.scss
@@ -3,7 +3,7 @@
 
   @include media-breakpoint-down('md') {
     top: unset !important;
-    bottom: 45px !important;
+    bottom: calc(45px + env(safe-area-inset-bottom)) !important;
     position: fixed;
     left: 0 !important;
   }