diff --git a/frontend/src/components/Header/Header.tsx b/frontend/src/components/Header/Header.tsx
index 6853b745..dd809c6e 100644
--- a/frontend/src/components/Header/Header.tsx
+++ b/frontend/src/components/Header/Header.tsx
@@ -109,9 +109,8 @@ export function Header({ me }: HeaderProps): JSX.Element {
                 <Typography sx={{ padding: "6px 16px", color: "black" }}>
                   {me.display_name}
                 </Typography>
-                <MenuItem>
-                  <Link to={`${API_URL}/logout`} style={{ color: 'inherit', textDecoration: 'none' }}>
-                    {t("logout")}</Link>
+                <MenuItem component="a" href={`${API_URL}/logout`}>
+                  {t("logout")}
                 </MenuItem>
               </Menu>
             </>