Merge pull request #424 from lifeomic/chip-delete-width

fix: Remove flex width from `<Chip` delete button and change default background color
lifeomic · Jan 15, 2025 · 9a88b3a · 9a88b3a
2 parents ac2a86f + 0aa64be
commit 9a88b3a
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/components/Chip/Chip.tsx b/src/components/Chip/Chip.tsx
@@ -10,7 +10,7 @@ export const useStyles = makeStyles(
   (theme) => ({
     root: {
       alignItems: 'center',
-      backgroundColor: theme.palette.black[50],
+      background: theme.hexToRgba(theme.palette.graphite[900], 0.1),
       borderRadius: theme.pxToRem(4),
       color: theme.palette.text.primary,
       display: 'inline-flex',
@@ -119,11 +119,11 @@ export const useStyles = makeStyles(
       justifyContent: 'center',
       color: 'currentcolor',
       cursor: 'pointer',
-      height: theme.pxToRem(18),
-      minHeight: theme.pxToRem(13),
-      minWidth: theme.pxToRem(13),
+      maxHeight: theme.pxToRem(18),
+      maxWidth: theme.pxToRem(18),
+      minHeight: theme.pxToRem(18),
+      minWidth: theme.pxToRem(18),
       padding: 0,
-      width: theme.pxToRem(18),
       transition: 'background 0.25s ease-out',
       '&:hover': {
         color: theme.palette.black[50],