Fix arrow visual glitch in Safari

nhsuk · Oct 14, 2024 · 9bb9224 · 9bb9224
1 parent e8928eb
commit 9bb9224
Showing 1 changed file with 5 additions and 0 deletions.
diff --git 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 {