[Card] Fix Card focus effect overflowing parent card (#36329)

mui · Apr 4, 2023 · d24ac60 · d24ac60
1 parent 17ca698
commit d24ac60
Showing 1 changed file with 1 addition and 0 deletions.
diff --git a/packages/mui-material/src/CardActionArea/CardActionArea.js b/packages/mui-material/src/CardActionArea/CardActionArea.js
@@ -25,6 +25,7 @@ const CardActionAreaRoot = styled(ButtonBase, {
 })(({ theme }) => ({
   display: 'block',
   textAlign: 'inherit',
+  borderRadius: 'inherit', // for Safari to work https://github.com/mui/material-ui/issues/36285.
   width: '100%',
   [`&:hover .${cardActionAreaClasses.focusHighlight}`]: {
     opacity: (theme.vars || theme).palette.action.hoverOpacity,