diff --git a/apps/website2/src/components/Header.css b/apps/website2/src/components/Header.css
index 1f36d09e3..fe1b8fecc 100644
--- a/apps/website2/src/components/Header.css
+++ b/apps/website2/src/components/Header.css
@@ -15,6 +15,14 @@ header .content-wrapper {
     gap: 1em;
 }
 
+header a.banner {
+    display: flex;
+    align-items: center;
+    justify-items: center;
+    text-decoration: none;
+    color: inherit;
+}
+
 header > .content-wrapper,
 section.hero-section > .content-wrapper {
     min-width: 80vw;
diff --git a/apps/website2/src/components/Header.tsx b/apps/website2/src/components/Header.tsx
index 86c364732..1a29d5318 100644
--- a/apps/website2/src/components/Header.tsx
+++ b/apps/website2/src/components/Header.tsx
@@ -8,12 +8,11 @@ export function Header() {
 	return (
 		<header>
             <div class="content-wrapper">
-                <img src="./src/assets/icon-color.svg" width="300" height="300" />&nbsp;<span>Trilium Notes</span>
+                <a class="banner" href="/">
+                    <img src="./src/assets/icon-color.svg" width="300" height="300" />&nbsp;<span>Trilium Notes</span>
+                </a>
 
                 <nav>
-                    <a href="/" class={url == '/' && 'active'}>
-                        Home
-                    </a>
                     <a href="/404" class={url == '/404' && 'active'}>
                         404
                     </a>