fix(fuselage): SidebarItem margins (#1202)

RocketChat · Oct 19, 2023 · a7ec3d9 · a7ec3d9
1 parent 6db5cb2
commit a7ec3d9
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/.changeset/nine-tomatoes-appear.md 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
@@ -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 {