From 9bb922460b3eba7307672cdfe395d9139dd3bbd3 Mon Sep 17 00:00:00 2001
From: Ed Horsford <mail@edwardhorsford.com>
Date: Mon, 14 Oct 2024 16:40:48 +0100
Subject: [PATCH] Fix arrow visual glitch in Safari

---
 packages/components/card/card.scss | 5 +++++
 1 file changed, 5 insertions(+)

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 {