From d91c0bb8944224d4e8eb62f99a33a6be94e5cd92 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Tue, 6 Jun 2023 15:58:24 +0200
Subject: [PATCH] fix(ButtonGroup): use `-space-x-px` on wrapper

---
 src/runtime/app.config.ts                      | 2 +-
 src/runtime/components/elements/ButtonGroup.ts | 4 ----
 2 files changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/runtime/app.config.ts b/src/runtime/app.config.ts
index d667c23c..69ca8bd2 100644
--- a/src/runtime/app.config.ts
+++ b/src/runtime/app.config.ts
@@ -198,7 +198,7 @@ const button = {
 }
 
 const buttonGroup = {
-  wrapper: 'inline-flex',
+  wrapper: 'inline-flex -space-x-px',
   rounded: 'rounded-md',
   shadow: 'shadow-sm'
 }
diff --git a/src/runtime/components/elements/ButtonGroup.ts b/src/runtime/components/elements/ButtonGroup.ts
index 87e4d5a7..f937dd7f 100644
--- a/src/runtime/components/elements/ButtonGroup.ts
+++ b/src/runtime/components/elements/ButtonGroup.ts
@@ -59,10 +59,6 @@ export default defineComponent({
         vProps.ui.rounded = rounded.value.left
       }
 
-      if (index > 0) {
-        vProps.class += ' -ml-px'
-      }
-
       if (index === children.value.length - 1) {
         vProps.ui.rounded = rounded.value.right
       }