From 356e8c540d366b4e453ecec449eb68c845207034 Mon Sep 17 00:00:00 2001
From: jongomez <jon.olive.gomez@gmail.com>
Date: Mon, 16 Oct 2023 14:32:30 +0100
Subject: [PATCH] fix: update css to handle wrapped buttons

---
 .../src/components/ButtonGroup/ButtonGroup.styles.ts      | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/lsd-react/src/components/ButtonGroup/ButtonGroup.styles.ts b/packages/lsd-react/src/components/ButtonGroup/ButtonGroup.styles.ts
index c78834a..70dcd5d 100644
--- 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;
+      }
+    }
   }
 `