diff --git a/public/css/icinga/responsive.less b/public/css/icinga/responsive.less
index 2c415cfd2..c88c4efb9 100644
--- a/public/css/icinga/responsive.less
+++ b/public/css/icinga/responsive.less
@@ -119,3 +119,13 @@
 #layout.twocols.wide-layout #col2 {
   width: 66.66%;
 }
+
+// Safe areas for iPhone X
+
+#header, #sidebar, #footer {
+  padding-left: constant(safe-area-inset-left);
+}
+
+#main, #footer {
+  padding-right: constant(safe-area-inset-right);
+}