From a1cecaf64763f9bcbe6f82d2fce8e5c172472f7b Mon Sep 17 00:00:00 2001
From: Mateusz Kwasniewski <kwasniewski.mateusz@gmail.com>
Date: Mon, 3 Jun 2024 15:28:28 +0200
Subject: [PATCH] fix: mobile menu font size (#7252)

---
 .../MainLayout/NavigationSidebar/ListItems.tsx   | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/frontend/src/component/layout/MainLayout/NavigationSidebar/ListItems.tsx b/frontend/src/component/layout/MainLayout/NavigationSidebar/ListItems.tsx
index d31d0024f3..ea27b27ac9 100644
--- a/frontend/src/component/layout/MainLayout/NavigationSidebar/ListItems.tsx
+++ b/frontend/src/component/layout/MainLayout/NavigationSidebar/ListItems.tsx
@@ -74,11 +74,14 @@ export const ExternalFullListItem: FC<{ href: string; text: string }> = ({
                 dense={true}
                 component={Link}
                 to={href}
+                sx={listItemButtonStyle}
                 rel='noopener noreferrer'
                 target='_blank'
             >
                 <StyledListItemIcon>{children}</StyledListItemIcon>
-                <StyledListItemText primary={text} />
+                <StyledListItemText>
+                    <CappedText>{text}</CappedText>
+                </StyledListItemText>
             </ListItemButton>
         </ListItem>
     );
@@ -87,11 +90,18 @@ export const SignOutItem = () => {
     return (
         <form method='POST' action={`${basePath}/logout`}>
             <ListItem disablePadding>
-                <ListItemButton dense={true} component='button' type='submit'>
+                <ListItemButton
+                    dense={true}
+                    component='button'
+                    type='submit'
+                    sx={listItemButtonStyle}
+                >
                     <StyledListItemIcon>
                         <SignOutIcon />
                     </StyledListItemIcon>
-                    <StyledListItemText primary='Sign out' />
+                    <StyledListItemText>
+                        <CappedText>Sign out</CappedText>
+                    </StyledListItemText>
                 </ListItemButton>
             </ListItem>
         </form>