Fix 404 search input style in iOS Safari

owid · Oct 1, 2024 · 7a13737 · 7a13737
1 parent f0ecaf4
commit 7a13737
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/site/owid.scss b/site/owid.scss
@@ -821,10 +821,12 @@ a.ref sup {
 .NotFoundPageForm__input {
     @include body-3-medium;
     color: $blue-90;
+    background: white;
     width: 100%;
     height: 48px;
     padding: 0 16px;
     border: 1px solid $blue-20;
+    border-radius: 0;
     padding-right: 48px;
 
     &:focus {
@@ -835,6 +837,10 @@ a.ref sup {
     &::placeholder {
         color: $blue-50;
     }
+
+    @include sm-only {
+        font-size: 16px; // Prevents auto-zoom in iOS Safari.
+    }
 }
 
 .NotFoundPageForm__button {