From a7ec3d9d301a4092f6524337d88857d0c3372009 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=BAlia=20Jaeger=20Foresti?=
 <60678893+juliajforesti@users.noreply.github.com>
Date: Thu, 19 Oct 2023 15:36:11 -0300
Subject: [PATCH] fix(fuselage): `SidebarItem` margins (#1202)

---
 .changeset/nine-tomatoes-appear.md                           | 5 +++++
 packages/fuselage/src/components/Sidebar/Sidebar.styles.scss | 3 ++-
 2 files changed, 7 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/nine-tomatoes-appear.md

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 {