diff --git a/.changeset/nine-tomatoes-appear.md b/.changeset/nine-tomatoes-appear.md new file mode 100644 index 0000000000..03bc8d7095 --- /dev/null +++ b/.changeset/nine-tomatoes-appear.md @@ -0,0 +1,5 @@ +--- +"@rocket.chat/fuselage": patch +--- + +fix(fuselage): `SidebarItem` margins diff --git a/packages/fuselage/src/components/Sidebar/Sidebar.styles.scss b/packages/fuselage/src/components/Sidebar/Sidebar.styles.scss index 36073883bd..a04e16a1ae 100644 --- a/packages/fuselage/src/components/Sidebar/Sidebar.styles.scss +++ b/packages/fuselage/src/components/Sidebar/Sidebar.styles.scss @@ -202,6 +202,7 @@ $sidebar-banner-color-danger: theme( &-item { @extend %sidebar-base; @include highlighted; + margin-inline: lengths.margin(-2); padding-block: lengths.padding(4); padding-inline: lengths.padding(16); @@ -217,7 +218,7 @@ $sidebar-banner-color-danger: theme( @include typography.use-with-truncated-text(); flex: 1 0; - margin-inline: lengths.margin(-4); + margin-inline: lengths.margin(-2); } &--clickable {