diff --git a/core/src/css/core.scss b/core/src/css/core.scss
index 16c0a57658..d1289b7b52 100644
--- a/core/src/css/core.scss
+++ b/core/src/css/core.scss
@@ -201,3 +201,10 @@ ion-card-header.ion-color .ion-inherit-color {
 .md .menu-content-push {
   box-shadow: $menu-md-box-shadow;
 }
+
+// Safari/iOS 15 changes the appearance of input[type="date"].
+// For backwards compatibility from Ionic 5/Safari 14 designs,
+// we override the appearance only when using within an ion-input.
+ion-input input::-webkit-date-and-time-value {
+  text-align: start;
+}
\ No newline at end of file