Merge pull request #1699 from nhsuk/fix-date-input-alignment-ios18

Prevent date inputs shifting alignment on iOS 18

Author: colinrotherham

CHANGELOG.md

@@ -131,6 +131,7 @@ This change was introduced in [pull request #1686: Remove ↑ up and ↓ down ar
 - [#1686: Remove ↑ up and ↓ down arrow key bindings from tabs](https://github.com/nhsuk/nhsuk-frontend/pull/1686)
 - [#1689: Only show header navigation items if not empty](https://github.com/nhsuk/nhsuk-frontend/pull/1689)
 - [#1698: Fix 2px minimum chevron `outline-width` syntax](https://github.com/nhsuk/nhsuk-frontend/pull/1698)
+- [#1699: Prevent date inputs shifting alignment on iOS 18](https://github.com/alphagov/govuk-frontend/pull/1699)
 
 ## 10.1.0 - 15 October 2025
 

packages/nhsuk-frontend/src/nhsuk/components/date-input/_index.scss

@@ -21,6 +21,11 @@
     display: inline-block;
     margin-right: nhsuk-spacing(4);
     margin-bottom: 0;
+
+    // Prevents an issue in iOS Safari 18 where the items vertically
+    // shift when the value of inputs is changed.
+    // https://github.com/alphagov/reported-bugs/issues/90
+    vertical-align: bottom;
   }
 
   .nhsuk-date-input__label {