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);