diff --git a/src/app/components/navbar/navbar.component.css b/src/app/components/navbar/navbar.component.css
index 18b13d7..b9dd6aa 100644
--- a/src/app/components/navbar/navbar.component.css
+++ b/src/app/components/navbar/navbar.component.css
@@ -14,6 +14,15 @@
   font-weight: 700;
 }
 
+.logo-link {
+  color: inherit;
+  text-decoration: none;
+}
+
+.logo-link:hover {
+  text-decoration: underline;
+}
+
 .user-info {
   display: flex;
   align-items: center;
diff --git a/src/app/components/navbar/navbar.component.html b/src/app/components/navbar/navbar.component.html
index deb9efd..57e182d 100644
--- a/src/app/components/navbar/navbar.component.html
+++ b/src/app/components/navbar/navbar.component.html
@@ -1,5 +1,5 @@
 <header class="header">
-  <h1>Kanban Board</h1>
+  <h1><a class="logo-link" routerLink="/">Kanban Board</a></h1>
   <div class="user-info">
     @if (authService.currentUser()) {
       <span class="username">{{ authService.currentUser()?.email }}</span>
diff --git a/src/app/components/navbar/navbar.component.ts b/src/app/components/navbar/navbar.component.ts
index b05e77d..c621e49 100644
--- a/src/app/components/navbar/navbar.component.ts
+++ b/src/app/components/navbar/navbar.component.ts
@@ -1,11 +1,12 @@
 import { Component, inject } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { RouterLink } from '@angular/router';
 import { AuthService } from '../../services/auth.service';
 
 @Component({
   selector: 'app-navbar',
   standalone: true,
-  imports: [CommonModule],
+  imports: [CommonModule, RouterLink],
   templateUrl: './navbar.component.html',
   styleUrl: './navbar.component.css'
 })