diff --git a/CHANGELOG.md b/CHANGELOG.md index f8fd2e5a1..9f5ea71fc 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,11 @@ # NHS.UK frontend Changelog +## Unreleased + +:wrench: **Fixes** + +- Fix visual glitch with care card arrows in Safari ([Issue 1048](https://github.com/nhsuk/nhsuk-frontend/issues/1048)) + ## 9.0.1 - 9 October 2024 :wrench: **Fixes** diff --git a/packages/components/card/card.scss b/packages/components/card/card.scss index 6b99fba44..50e8d25ec 100644 --- a/packages/components/card/card.scss +++ b/packages/components/card/card.scss @@ -178,6 +178,11 @@ $card-border-hover-color: $color_nhsuk-grey-3; padding-bottom: nhsuk-spacing(3); padding-top: nhsuk-spacing(3); position: relative; + + // Fix for https://github.com/nhsuk/nhsuk-frontend/issues/1048 + &:has(.nhsuk-card--care__arrow){ + transform: translateZ(0); + } } .nhsuk-card--care__heading {