diff --git a/app/javascript/styles/elements/_body.scss b/app/javascript/styles/elements/_body.scss
index 9620b16d..e33a8ebb 100644
--- a/app/javascript/styles/elements/_body.scss
+++ b/app/javascript/styles/elements/_body.scss
@@ -7,11 +7,11 @@ body {
     padding-top: $navbar-height;
   }
   @include media-breakpoint-down('md') {
-    padding-bottom: $navbar-height;
+    padding-bottom: calc($navbar-height + unquote('env(safe-area-inset-bottom, 0)'));
   }
 
   &.not-logged-in {
     padding-top: $navbar-height;
     padding-bottom: 0;
   }
-}
\ No newline at end of file
+}