diff --git a/src/components/molecules/Toolbar/index.tsx b/src/components/molecules/Toolbar/index.tsx
index e037b3e..aeaeeb5 100644
--- a/src/components/molecules/Toolbar/index.tsx
+++ b/src/components/molecules/Toolbar/index.tsx
@@ -23,7 +23,7 @@ import MenuIcon from '@mui/icons-material/Menu'
 
 const AppBarButton = styled(Button<typeof RouterLink>)(({ theme }) => ({
   textTransform: 'none',
-  color: 'inherit',
+  color: theme.palette.mode === 'dark' ? 'inherit' : 'text.secondary',
   ':hover': {
     backgroundColor: 'transparent',
     ...(theme.palette.mode === 'dark' && {
@@ -131,32 +131,21 @@ const CustomToolbar: React.FC<CustomToolbarProps> = ({ drawerWidth = 240, window
             to="/"
             disableRipple
             sx={theme => ({
-              [theme.breakpoints.down('md')]: {
-                mx: 'auto',
-              },
-              [theme.breakpoints.up('md')]: {
-                mr: 'auto',
-              },
+              color: theme.palette.text.primary,
+              [theme.breakpoints.down('md')]: { mx: 'auto' },
+              [theme.breakpoints.up('md')]: { mr: 'auto' },
             })}>
-            <Typography variant="h6" color="text.primary">
-              Michele Tartari
-            </Typography>
+            <Typography variant="h6">Michele Tartari</Typography>
           </AppBarButton>
           <Stack component="div" direction="row" spacing={2} sx={{ display: { xs: 'none', md: 'flex' } }}>
             <AppBarButton component={RouterLink} to="/" disableRipple>
-              <Typography color={theme.palette.mode === 'dark' ? 'inherit' : 'text.secondary'} variant="h6">
-                Home
-              </Typography>
+              <Typography variant="h6">Home</Typography>
             </AppBarButton>
             <AppBarButton component={RouterLink} to="/projects" disableRipple>
-              <Typography color={theme.palette.mode === 'dark' ? 'inherit' : 'text.secondary'} variant="h6">
-                Projects
-              </Typography>
+              <Typography variant="h6">Projects</Typography>
             </AppBarButton>
             <AppBarButton component={RouterLink} to="/curriculum" disableRipple>
-              <Typography color={theme.palette.mode === 'dark' ? 'inherit' : 'text.secondary'} variant="h6">
-                Curriculum
-              </Typography>
+              <Typography variant="h6">Curriculum</Typography>
             </AppBarButton>
             <Button
               component={RouterLink}