fix: update css to handle wrapped buttons

acid-info · Oct 16, 2023 · 356e8c5 · 356e8c5
1 parent eb5dddb
commit 356e8c5
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/packages/lsd-react/src/components/ButtonGroup/ButtonGroup.styles.ts b/packages/lsd-react/src/components/ButtonGroup/ButtonGroup.styles.ts
@@ -6,9 +6,11 @@ export const ButtonGroupStyles = css`
   .${buttonGroupClasses.root} {
     display: flex;
     flex-direction: row;
-  }
 
-  .${buttonGroupClasses.outlined} .${buttonClasses.root}:not(:last-child) {
-    border-right: none;
+    > *:not(:last-child) {
+      &.${buttonClasses.outlined}, .${buttonClasses.outlined} {
+        border-right: none;
+      }
+    }
   }
 `