diff --git a/.changeset/healthy-dryers-admire.md b/.changeset/healthy-dryers-admire.md new file mode 100644 index 0000000000..8052c82706 --- /dev/null +++ b/.changeset/healthy-dryers-admire.md @@ -0,0 +1,5 @@ +--- +'@rocket.chat/fuselage': patch +--- + +fix(fuselage): `SidebarV2` styles diff --git a/packages/fuselage/src/components/SidebarV2/Sidebar.styles.scss b/packages/fuselage/src/components/SidebarV2/Sidebar.styles.scss index d8da6b8a25..4f91411107 100644 --- a/packages/fuselage/src/components/SidebarV2/Sidebar.styles.scss +++ b/packages/fuselage/src/components/SidebarV2/Sidebar.styles.scss @@ -139,7 +139,9 @@ $sidebar-banner-color-danger: theme( align-items: center; min-height: lengths.size(24); - padding: lengths.padding(8) lengths.padding(16); + + padding: calc(lengths.padding(8) - lengths.border-width('default')) + calc(lengths.padding(16) - lengths.border-width('default')); text-align: start; diff --git a/packages/fuselage/src/components/SidebarV2/SidebarFooter/SidebarFooter.styles.scss b/packages/fuselage/src/components/SidebarV2/SidebarFooter/SidebarFooter.styles.scss index 0c129b0603..c613e71904 100644 --- a/packages/fuselage/src/components/SidebarV2/SidebarFooter/SidebarFooter.styles.scss +++ b/packages/fuselage/src/components/SidebarV2/SidebarFooter/SidebarFooter.styles.scss @@ -8,7 +8,7 @@ flex-direction: column; justify-content: center; - height: lengths.size(48); + min-height: lengths.size(48); padding-block: lengths.padding(12) lengths.padding(8); padding-inline: lengths.padding(16);