chore(react): remove border css property in the Chip component

wso2 · Jul 22, 2024 · 4c92c0f · 4c92c0f
1 parent ea30edb
commit 4c92c0f
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 2 deletions.
diff --git a/packages/react/src/components/Chip/Chip.tsx b/packages/react/src/components/Chip/Chip.tsx
@@ -34,7 +34,7 @@ const Chip: FC<ChipProps> & WithWrapperProps = <C extends ElementType>(props: Ch
 
   const classes: string = clsx('oxygen-chip', className);
 
-  return <MuiChip className={classes} {...rest} />;
+  return <MuiChip className={classes} {...rest} variant="outlined" />;
 };
 
 Chip.displayName = composeComponentDisplayName(COMPONENT_NAME);

diff --git a/packages/react/src/components/Chip/chip.scss b/packages/react/src/components/Chip/chip.scss
@@ -18,7 +18,6 @@
 
 .oxygen-chip {
   border-radius: var(--oxygen-customComponents-Chip-properties-border-radius);
-  border: var(--oxygen-customComponents-Chip-properties-border);
 
   .MuiChip-icon {
     fill: var(--oxygen-palette-text-primary);