diff --git a/src/app/globals.css b/src/app/globals.css
index f88b1a3..24f63a3 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -3705,7 +3705,7 @@ h3 {
 
     .weekly-day-header {
         position: sticky;
-        top: 0;
+        top: calc(48px + env(safe-area-inset-top, 0px));
         z-index: 10;
         background: var(--weekly-bg, white);
         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
@@ -4105,6 +4105,13 @@ h3 {
   border-bottom-color: var(--weekly-border, #333) !important;
 }
 
+@media (max-width: 768px) {
+  .time-grid-on .weekly-day-header,
+  .time-grid-on .time-column-header {
+    top: calc(48px + env(safe-area-inset-top, 0px)) !important;
+  }
+}
+
 /* Provide a solid background for the top-left empty corner above the time column */
 .time-grid-on .time-column-header {
   z-index: 45 !important;