diff --git a/core/src/css/core.scss b/core/src/css/core.scss
index 448e578f71..f58c522ec1 100644
--- a/core/src/css/core.scss
+++ b/core/src/css/core.scss
@@ -98,8 +98,11 @@ ion-toast-controller,
 html.plt-ios.plt-hybrid, html.plt-ios.plt-pwa {
   --ion-statusbar-padding: 20px;
 }
-html {
-  --ion-safe-area-top: var(--ion-statusbar-padding);
+
+@supports (padding-top: 20px) {
+  html {
+    --ion-safe-area-top: var(--ion-statusbar-padding);
+  }
 }
 
 // TODO: remove once Safari 11.2 dies