Visual glitch with care card arrows in Safari

[edwardhorsford]

Bug Report

I am getting a visual glitch in the care card arrows in Safari - this seems to be caused when a parent container has display and position set and overflow hidden (not sure quite what combination cause it though).

Broken	Working

@anandamaryon1 may have diagnosed it as this issue.

The fix seems to be to set transform: translateZ(0); on a parent to the arrow.

What steps are required to reproduce the issue?

What was the environment where this issue occurred?

• Device: Macbook Pro
• Operating System: MacOS 14.3.1
• Browser: Safari / webkit
• Browser version: 17.3.1
• NHS.UK frontend package version: 9.0.0