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);