fix(fuselage): remove margins from ButtonGroup first and last items (…

…#1356)
RocketChat · Apr 10, 2024 · fb71052 · fb71052
1 parent 770d370
commit fb71052
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 8 deletions.
diff --git a/.changeset/mighty-gifts-impress.md 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
@@ -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);