From bb73c24340dbee3b268174a7722d6309d2494167 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Fri, 14 Jun 2024 10:28:13 +0800
Subject: [PATCH] Fix padding on navigation menu

---
 .../web/components/templates/navMenu/NavigationMenu.tsx  | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/web/components/templates/navMenu/NavigationMenu.tsx b/packages/web/components/templates/navMenu/NavigationMenu.tsx
index ea0a5f054..6e3284e20 100644
--- a/packages/web/components/templates/navMenu/NavigationMenu.tsx
+++ b/packages/web/components/templates/navMenu/NavigationMenu.tsx
@@ -97,7 +97,7 @@ export function NavigationMenu(props: NavigationMenuProps): JSX.Element {
         <Box
           css={{
             width: '100%',
-            px: '15px',
+            px: '20px',
             pb: '10px',
             pt: '15px',
             lineHeight: '1',
@@ -193,7 +193,7 @@ const LibraryNav = (props: NavigationMenuProps): JSX.Element => {
           gap: '10px',
           maxWidth: '100%',
           height: '34px',
-          px: '15px',
+          px: '20px',
 
           fontSize: '15px',
           fontWeight: 'regular',
@@ -581,7 +581,7 @@ function NodeRenderer(args: {
       alignment="center"
       distribution="start"
       css={{
-        pl: `${15 + args.node.level * 15}px`,
+        pl: `${20 + args.node.level * 15}px`,
         mb: '2px',
         gap: '10px',
         display: 'flex',
@@ -852,14 +852,13 @@ function NavButton(props: NavButtonProps): JSX.Element {
       alignment="center"
       distribution="start"
       css={{
-        pl: '10px',
         mb: '2px',
         gap: '10px',
         display: 'flex',
         width: '100%',
         maxWidth: '100%',
         height: '34px',
-        px: '15px',
+        px: '20px',
 
         backgroundColor: props.isSelected
           ? '$thLibrarySelectionColor'