diff --git a/packages/material-ui/src/Chip/Chip.js b/packages/material-ui/src/Chip/Chip.js index 36045ac59803d4..82670e2956dfd6 100644 --- a/packages/material-ui/src/Chip/Chip.js +++ b/packages/material-ui/src/Chip/Chip.js @@ -231,12 +231,15 @@ const ChipRoot = styled('div', { [`&.${chipClasses.clickable}:hover`]: { backgroundColor: theme.palette.action.hover, }, + [`&.${chipClasses.focusVisible}`]: { backgroundColor: theme.palette.action.focus, }, + [`& .${chipClasses.avatar}`]: { marginLeft: 4, }, + [`& .${chipClasses.avatarSmall}`]: { marginLeft: 2, }, @@ -248,10 +251,11 @@ const ChipRoot = styled('div', { [`& .${chipClasses.iconSmall}`]: { marginLeft: 2, }, - + [`& .${chipClasses.deleteIcon}`]: { marginRight: 5, }, + [`& .${chipClasses.deleteIconSmall}`]: { marginRight: 3, },