fix(fuselage): SidebarItem missing badge vertical alignment (#1392)

dougfabris · web-flow · commit dfe712ee9b49 · 2024-06-05T15:57:51.000-03:00
diff --git a/.changeset/proud-kangaroos-enjoy.md b/.changeset/proud-kangaroos-enjoy.md
@@ -0,0 +1,5 @@
+---
+"@rocket.chat/fuselage": patch
+---
+
+fix(fuselage): SidebarItem missing badge vertical alignment
diff --git a/packages/fuselage/src/components/Sidebar/Sidebar.styles.scss b/packages/fuselage/src/components/Sidebar/Sidebar.styles.scss
@@ -294,6 +294,9 @@ $sidebar-banner-color-danger: theme(
     }
 
     &__badge {
+      display: flex;
+      align-items: center;
+
       margin-inline: lengths.margin(4);
     }
 

Original file line number	Diff line number	Diff line change
`@@ -294,6 +294,9 @@ $sidebar-banner-color-danger: theme(`
`294`	`294`	`}`
`295`	`295`
`296`	`296`	`&__badge {`
	`297`	`+ display: flex;`
	`298`	`+ align-items: center;`
	`299`	`+`
`297`	`300`	`margin-inline: lengths.margin(4);`
`298`	`301`	`}`
`299`	`302`