Fixed corner background overflow bug in Card component on Safari brow…

…sers
primer · Nov 8, 2024 · 13eda80 · 13eda80
1 parent eb22cea
commit 13eda80
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 90 deletions.
diff --git a/.changeset/warm-rabbits-beg.md b/.changeset/warm-rabbits-beg.md
@@ -0,0 +1,5 @@
+---
+'@primer/react-brand': patch
+---
+
+Fixed corner background overflow bug in `Card` component on Safari browsers
diff --git a/apps/docs/package-lock.json b/apps/docs/package-lock.json
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/react/src/Card/Card.module.css b/packages/react/src/Card/Card.module.css
@@ -145,6 +145,7 @@
 .Card--skew {
   height: 100%;
   border-radius: var(--brand-borderRadius-large);
+  overflow: hidden;
 }
 
 .Card--skew:focus-within {