From 23edd649eaa7508e1a69145a5fc840d950cdc7f4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Gr=C3=A9goire=20Aubert?= Date: Wed, 7 Jan 2026 15:59:10 +0100 Subject: [PATCH] ECHOES-1041 Fix SidebarNavigationGroup spacing --- src/components/layout/sidebar-navigation/SidebarNavigation.tsx | 1 - .../layout/sidebar-navigation/SidebarNavigationGroup.tsx | 1 + .../layout/sidebar-navigation/SidebarNavigationItemStyles.tsx | 2 +- 3 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/layout/sidebar-navigation/SidebarNavigation.tsx b/src/components/layout/sidebar-navigation/SidebarNavigation.tsx index ccc661d47..63b51ad26 100644 --- a/src/components/layout/sidebar-navigation/SidebarNavigation.tsx +++ b/src/components/layout/sidebar-navigation/SidebarNavigation.tsx @@ -90,7 +90,6 @@ const SidebarNavigationWrapper = styled.nav` overflow: hidden; padding-top: ${cssVar('dimension-space-100')}; - padding-bottom: ${cssVar('dimension-space-100')}; border-right: ${cssVar('border-width-default')} solid ${cssVar('color-border-weak')}; background-color: ${cssVar('color-surface-default')}; diff --git a/src/components/layout/sidebar-navigation/SidebarNavigationGroup.tsx b/src/components/layout/sidebar-navigation/SidebarNavigationGroup.tsx index 3e7fc2667..9ed7fa103 100644 --- a/src/components/layout/sidebar-navigation/SidebarNavigationGroup.tsx +++ b/src/components/layout/sidebar-navigation/SidebarNavigationGroup.tsx @@ -68,6 +68,7 @@ const SidebarNavigationGroupContainer = styled.div` display: flex; flex-direction: column; gap: ${cssVar('dimension-space-50')}; + margin: ${cssVar('dimension-space-50')} 0; `; SidebarNavigationGroupContainer.displayName = 'SidebarNavigationGroupContainer'; diff --git a/src/components/layout/sidebar-navigation/SidebarNavigationItemStyles.tsx b/src/components/layout/sidebar-navigation/SidebarNavigationItemStyles.tsx index 75085e92f..9db00a41e 100644 --- a/src/components/layout/sidebar-navigation/SidebarNavigationItemStyles.tsx +++ b/src/components/layout/sidebar-navigation/SidebarNavigationItemStyles.tsx @@ -72,7 +72,7 @@ export const SidebarNavigationFooter = styled.div` flex-direction: column; gap: ${cssVar('dimension-space-50')}; - padding: ${cssVar('dimension-space-50')} ${cssVar('dimension-space-100')}; + padding: ${cssVar('dimension-space-100')}; `; SidebarNavigationFooter.displayName = 'SidebarNavigationFooter';