Fix navbar menu icon sizing

webdevtalks · Jun 21, 2024 · c1c7306 · c1c7306
1 parent a3141cb
commit c1c7306
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/NavBar.tsx b/src/NavBar.tsx
@@ -47,7 +47,7 @@ const NavBar = (): ReactElement => {
     <>
       <AppBar position="sticky" color="default">
         <Container maxWidth="xl">
-          <Toolbar variant="dense" sx={{ alignItems: 'stretch', justifyContent: 'space-between' }}>
+          <Toolbar variant="dense" sx={{ alignItems: { xs: 'center', md: 'stretch' }, justifyContent: 'space-between' }}>
             <IconButton
               color="inherit"
               aria-label="open drawer"