From fb710526ba7a0adfe9356ae4518da10879f824ef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=BAlia=20Jaeger=20Foresti?=
 <60678893+juliajforesti@users.noreply.github.com>
Date: Wed, 10 Apr 2024 13:21:02 -0300
Subject: [PATCH] fix(fuselage): remove margins from `ButtonGroup` first and
 last items (#1356)

---
 .changeset/mighty-gifts-impress.md               |  5 +++++
 .../ButtonGroup/ButtonGroup.styles.scss          | 16 ++++++++--------
 2 files changed, 13 insertions(+), 8 deletions(-)
 create mode 100644 .changeset/mighty-gifts-impress.md

diff --git a/.changeset/mighty-gifts-impress.md b/.changeset/mighty-gifts-impress.md
new file mode 100644
index 0000000000..470a71e396
--- /dev/null
+++ b/.changeset/mighty-gifts-impress.md
@@ -0,0 +1,5 @@
+---
+"@rocket.chat/fuselage": patch
+---
+
+fix(fuselage): remove margins from `ButtonGroup` first and last items
diff --git a/packages/fuselage/src/components/ButtonGroup/ButtonGroup.styles.scss b/packages/fuselage/src/components/ButtonGroup/ButtonGroup.styles.scss
index 3f3e42089c..449a892fbb 100644
--- a/packages/fuselage/src/components/ButtonGroup/ButtonGroup.styles.scss
+++ b/packages/fuselage/src/components/ButtonGroup/ButtonGroup.styles.scss
@@ -41,14 +41,6 @@
 .rcx-button-group__item {
   margin-inline: lengths.margin(4);
 
-  &:first-of-type {
-    margin-inline-start: lengths.margin(none);
-  }
-
-  &:last-of-type {
-    margin-inline-end: lengths.margin(none);
-  }
-
   .rcx-button-group--small & {
     margin-inline: lengths.margin(2);
   }
@@ -57,6 +49,14 @@
     margin-inline: lengths.margin(8);
   }
 
+  &:first-of-type {
+    margin-inline-start: lengths.margin(none);
+  }
+
+  &:last-of-type {
+    margin-inline-end: lengths.margin(none);
+  }
+
   .rcx-button-group--wrap > & {
     margin-block-end: lengths.margin(16);
     margin-inline-start: lengths.margin(none);