diff --git a/src/client/components/NavBar/NavBar.tsx b/src/client/components/NavBar/NavBar.tsx
index ed2a8984..e7103463 100644
--- a/src/client/components/NavBar/NavBar.tsx
+++ b/src/client/components/NavBar/NavBar.tsx
@@ -54,7 +54,7 @@ const NavBar = () => {
                 width='40 px'
               />
               <Box ml='2rem'>
-                <Typography component='p' sx={navStyles.appName}>
+                <Typography component='a' href='/' sx={navStyles.appName}>
                   {t('appName')}
                 </Typography>
               </Box>
diff --git a/src/client/styles.ts b/src/client/styles.ts
index 8be7a3e2..1441a0d3 100644
--- a/src/client/styles.ts
+++ b/src/client/styles.ts
@@ -110,6 +110,7 @@ const navStyles = {
     fontWeight: 700,
     fontSize: 24,
     userSelect: 'none',
+    textDecoration: 'none',
   },
   navBox: {
     display: 'inline-flex',