diff --git a/src/assets/css/layout.css b/src/assets/css/layout.css
index 533e293..a825dd8 100644
--- a/src/assets/css/layout.css
+++ b/src/assets/css/layout.css
@@ -817,7 +817,7 @@ body.is-home #mobile-bar {
     #header-container {
         width: 100%;
         border-radius: 0px;
-        top: 0px;
+        top: max(0px, env(safe-area-inset-top));
     }
 
     #navbar .tabs,