From 7f16f0afe6687e7f1b523ca889e7b754b3160fda Mon Sep 17 00:00:00 2001
From: rhysd <lin90162@yahoo.co.jp>
Date: Tue, 17 Oct 2023 10:25:04 +0900
Subject: [PATCH] smaller font size of side bar list items

---
 v2/web/components/SideBar.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/v2/web/components/SideBar.tsx b/v2/web/components/SideBar.tsx
index 9c49530..0570d33 100644
--- a/v2/web/components/SideBar.tsx
+++ b/v2/web/components/SideBar.tsx
@@ -100,6 +100,10 @@ const LIST_SX = {
     height: '100%',
     overflowY: 'auto',
     overscrollBehavior: 'none',
+    fontSize: '0.875rem',
+};
+const LIST_ITEM_SX = {
+    padding: '0 8px',
 };
 
 interface Props {
@@ -151,12 +155,12 @@ export const SideBar: React.FC<Props> = ({ headings, path }) => {
                     });
                 }}
                 disablePadding
-                style={{ padding: '0 8px' }}
+                sx={LIST_ITEM_SX}
                 ref={ref}
                 key={key}
             >
                 <ListItemButton style={style} disableGutters>
-                    <ListItemText primary={h.text} sx={sx} />
+                    <ListItemText primary={h.text} disableTypography sx={sx} />
                 </ListItemButton>
             </ListItem>
         );