From 4c92c0f6bf4a8ab556f5ab1e0294d7af2b5f1465 Mon Sep 17 00:00:00 2001
From: Achintha Isuru <achinthaisuru.17@cse.mrt.ac.lk>
Date: Mon, 22 Jul 2024 14:22:51 +0530
Subject: [PATCH] chore(react): remove border css property in the Chip
 component

---
 packages/react/src/components/Chip/Chip.tsx  | 2 +-
 packages/react/src/components/Chip/chip.scss | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/react/src/components/Chip/Chip.tsx b/packages/react/src/components/Chip/Chip.tsx
index f485d6c1..ce635852 100644
--- 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
index f98b4a57..66289821 100644
--- 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);