diff --git a/frontend/src/layouts/AppLayout/hooks.ts b/frontend/src/layouts/AppLayout/hooks.ts
index 75eb6a850..ab0d61b6d 100644
--- a/frontend/src/layouts/AppLayout/hooks.ts
+++ b/frontend/src/layouts/AppLayout/hooks.ts
@@ -64,20 +64,23 @@ export const useSideNavigation = () => {
const navLinks: SideNavigationProps['items'] = [
projectsDropdownList.length && {
- type: 'section',
- text: t('navigation.project'),
+ type: 'section-group',
+ title: t('navigation.project'),
items: projectLinks,
},
+ projectsDropdownList.length && { type: 'divider' },
isAvailableAdministrationLinks && {
- type: 'section',
- text: t('navigation.administration'),
+ type: 'section-group',
+ title: t('navigation.administration'),
items: administrationLinks,
},
+ isAvailableAdministrationLinks && { type: 'divider' },
+
{
- type: 'section',
- text: t('navigation.account'),
+ type: 'section-group',
+ title: t('navigation.account'),
items: userSettingsLinks,
},
].filter(Boolean) as SideNavigationProps['items'];
diff --git a/frontend/src/layouts/AppLayout/index.tsx b/frontend/src/layouts/AppLayout/index.tsx
index a2e43ffd4..bec3817a7 100644
--- a/frontend/src/layouts/AppLayout/index.tsx
+++ b/frontend/src/layouts/AppLayout/index.tsx
@@ -204,7 +204,14 @@ const AppLayout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
splitPanelOpen
breadcrumbs={renderBreadcrumbs()}
notifications={}
- navigation={}
+ navigation={
+
+ }
tools={
<>