diff --git a/src/routes/Calendar/Calendar.less b/src/routes/Calendar/Calendar.less
index 7f7925bf5..b606fa2aa 100644
--- a/src/routes/Calendar/Calendar.less
+++ b/src/routes/Calendar/Calendar.less
@@ -14,7 +14,7 @@
         gap: 0.5rem;
         width: 100%;
         height: 100%;
-        padding: 0 0 2rem 2rem;
+        padding: 0 0 calc(1.5rem + var(--safe-area-inset-bottom)) 2rem;
 
         .main {
             flex: auto;
@@ -37,7 +37,7 @@
 @media only screen and (max-width: @small) and (orientation: landscape) {
     .calendar {
         .content {
-            padding: 0 0 0 1rem;
+            padding: 0 0 calc(1.5rem + var(--safe-area-inset-bottom)) 1rem;
         }
     }
 }