feat(view switcher): fix viewswitcher border radius (#2751)

Co-authored-by: Ddouglasz <[email protected]>
commercetools · Mar 19, 2024 · 12f5f87 · 12f5f87
1 parent c75b82e
commit 12f5f87
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/.changeset/twenty-paws-join.md b/.changeset/twenty-paws-join.md
@@ -0,0 +1,5 @@
+---
+'@commercetools-uikit/view-switcher': minor
+---
+
+Fix viewswitcher border radius
diff --git a/packages/components/view-switcher/src/view-switcher.styles.ts b/packages/components/view-switcher/src/view-switcher.styles.ts
@@ -31,9 +31,10 @@ export const getButtonStyles = (
   isFirstButton?: TViewSwitcherButtonProps['isFirstButton'],
   isLastButton?: TViewSwitcherButtonProps['isLastButton']
 ) => {
-  const borderRadius = `${isFirstButton ? designTokens.borderRadius4 : '0'} ${
-    isLastButton ? `${designTokens.borderRadius4}` : '0 0'
-  } ${isFirstButton ? designTokens.borderRadius4 : '0'}`;
+  const borderRadius = `${isFirstButton ? designTokens.borderRadius4 : '0'}
+  ${isLastButton ? `${designTokens.borderRadius4}` : '0'}
+  ${isLastButton ? `${designTokens.borderRadius4}` : '0'}
+  ${isFirstButton ? designTokens.borderRadius4 : '0'}`;
 
   const fontColor = getFontColor(isDisabled, isActive);