diff --git a/src/components/layout/sidebar-navigation/SidebarNavigation.tsx b/src/components/layout/sidebar-navigation/SidebarNavigation.tsx index ccc661d4..63b51ad2 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 3e7fc266..9ed7fa10 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 75085e92..9db00a41 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';