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
       }