diff --git a/src/app/shared/components/header/header.component.html b/src/app/shared/components/header/header.component.html
index 7452ecb..e4456cd 100644
--- a/src/app/shared/components/header/header.component.html
+++ b/src/app/shared/components/header/header.component.html
@@ -8,7 +8,11 @@
       <p>Devspace</p>
     </div>
     } @else {
-    <img src="./assets/img/home-icon.svg" class="homeIcon" />
+    <img
+      src="./assets/img/home-icon.svg"
+      class="homeIcon"
+      routerLink="/main/"
+    />
     }
   </div>
   @if (viewWidth >= RESPONSIVE_THRESHOLD) {
diff --git a/src/app/shared/components/header/header.component.scss b/src/app/shared/components/header/header.component.scss
index 848543a..fab5bce 100644
--- a/src/app/shared/components/header/header.component.scss
+++ b/src/app/shared/components/header/header.component.scss
@@ -40,6 +40,7 @@ header {
     width: 242px;
     height: 70px;
     margin-left: 20px;
+    cursor: pointer;
   }
 }
 
diff --git a/src/app/shared/components/header/header.component.ts b/src/app/shared/components/header/header.component.ts
index be216a2..549add2 100644
--- a/src/app/shared/components/header/header.component.ts
+++ b/src/app/shared/components/header/header.component.ts
@@ -9,6 +9,7 @@ import { SharedService } from '../../../service/shared.service';
 import { SmallBtnComponent } from '../buttons/small-btn/small-btn.component';
 import { LanguageService } from '../../../service/language.service';
 import { TranslateModule } from '@ngx-translate/core';
+import { RouterLink } from '@angular/router';
 
 @Component({
   selector: 'app-header',
@@ -19,6 +20,7 @@ import { TranslateModule } from '@ngx-translate/core';
     SearchBarComponent,
     SmallBtnComponent,
     TranslateModule,
+    RouterLink,
   ],
   templateUrl: './header.component.html',
   styleUrl: './header.component.scss',