From 3b27d56682cfdfe63af090a73c1f3eba68c79610 Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Sun, 19 Oct 2025 15:39:17 +1100
Subject: [PATCH] [UI] Tweak NavigationDrawer (#10623)

- Remove double scrollbar
---
 .../src/components/nav/NavigationDrawer.tsx   | 55 ++++++++-----------
 1 file changed, 23 insertions(+), 32 deletions(-)

diff --git a/src/frontend/src/components/nav/NavigationDrawer.tsx b/src/frontend/src/components/nav/NavigationDrawer.tsx
index 876177fefc..b488af6ab8 100644
--- a/src/frontend/src/components/nav/NavigationDrawer.tsx
+++ b/src/frontend/src/components/nav/NavigationDrawer.tsx
@@ -1,12 +1,5 @@
 import { t } from '@lingui/core/macro';
-import {
-  Container,
-  Drawer,
-  Flex,
-  Group,
-  ScrollArea,
-  Space
-} from '@mantine/core';
+import { Container, Drawer, Flex, Group, Space } from '@mantine/core';
 import { useViewportSize } from '@mantine/hooks';
 import { useEffect, useMemo, useRef, useState } from 'react';
 
@@ -183,33 +176,31 @@ function DrawerContent({ closeFunc }: Readonly<{ closeFunc?: () => void }>) {
       </Group>
       <Space h='xs' />
       <Container className={classes.layoutContent} p={0}>
-        <ScrollArea h={scrollHeight} type='always' offsetScrollbars>
+        <MenuLinks
+          title={t`Navigation`}
+          links={menuItemsNavigate}
+          beforeClick={closeFunc}
+        />
+        <MenuLinks
+          title={t`Settings`}
+          links={menuItemsSettings}
+          beforeClick={closeFunc}
+        />
+        <MenuLinks
+          title={t`Actions`}
+          links={menuItemsAction}
+          beforeClick={closeFunc}
+        />
+        <Space h='md' />
+        {plugins.length > 0 ? (
           <MenuLinks
-            title={t`Navigation`}
-            links={menuItemsNavigate}
+            title={t`Plugins`}
+            links={plugins}
             beforeClick={closeFunc}
           />
-          <MenuLinks
-            title={t`Settings`}
-            links={menuItemsSettings}
-            beforeClick={closeFunc}
-          />
-          <MenuLinks
-            title={t`Actions`}
-            links={menuItemsAction}
-            beforeClick={closeFunc}
-          />
-          <Space h='md' />
-          {plugins.length > 0 ? (
-            <MenuLinks
-              title={t`Plugins`}
-              links={plugins}
-              beforeClick={closeFunc}
-            />
-          ) : (
-            <></>
-          )}
-        </ScrollArea>
+        ) : (
+          <></>
+        )}
       </Container>
       <div ref={ref}>
         <Space h='md' />