chore: fix styles

razorpay · Mar 19, 2024 · 009523b · 009523b
1 parent c8ea39a
commit 009523b
Showing 1 changed file with 15 additions and 11 deletions.
diff --git a/packages/blade/src/components/ButtonGroup/StyledButtonGroup.tsx b/packages/blade/src/components/ButtonGroup/StyledButtonGroup.tsx
@@ -10,18 +10,22 @@ const StyledButtonGroup = styled(BaseBox)<StyledButtonGroupProps>(
     return {
       display: 'flex',
       width: isFullWidth ? '100%' : 'fit-content',
+      overflow: 'hidden',
       borderRadius: makeBorderSize(theme.border.radius.medium),
-      borderWidth: makeBorderSize(theme.border.width.thin),
-      borderColor: getIn(
-        theme.colors,
-        getBackgroundColorToken({
-          property: variant === 'tertiary' ? 'background' : 'border',
-          variant,
-          color,
-          state: isDisabled ? 'disabled' : 'default',
-        }),
-      ),
-      borderStyle: 'solid',
+
+      ...(variant === 'secondary' && {
+        borderColor: getIn(
+          theme.colors,
+          getBackgroundColorToken({
+            property: 'border',
+            variant,
+            color,
+            state: isDisabled ? 'disabled' : 'default',
+          }),
+        ),
+        borderStyle: 'solid',
+        borderWidth: makeBorderSize(theme.border.width.thin),
+      }),
 
       'button[role="button"]': {
         borderRadius: 0,