diff --git a/frontend/src/app/components/header/header.component.scss b/frontend/src/app/components/header/header.component.scss
index 7bc65e0..0a74241 100644
--- a/frontend/src/app/components/header/header.component.scss
+++ b/frontend/src/app/components/header/header.component.scss
@@ -33,6 +33,9 @@ $headerHeight: 3.5em;
                 display: flex;
                 justify-content: center;
                 align-items: center;
+                $buttonSize: 2.5em;
+                width: $buttonSize;
+                height: $buttonSize;
 
                 &:hover {
                     cursor: pointer;
diff --git a/frontend/src/app/components/side-menu/side-menu.component.html b/frontend/src/app/components/side-menu/side-menu.component.html
index a7e7a5e..1a336a5 100644
--- a/frontend/src/app/components/side-menu/side-menu.component.html
+++ b/frontend/src/app/components/side-menu/side-menu.component.html
@@ -1,9 +1,9 @@
 <div class="menu {{ isOpenned ? 'displayed' : '' }}">
     <h1>
-        <span>
+        <a [routerLink]="['/home']">
             <img src="assets/images/codiki.png" alt="logo"/>
             Codiki
-        </span>
+        </a>
         <button type="button" (click)="close()" matTooltip="Close the menu">
             <mat-icon>close</mat-icon>
         </button>
diff --git a/frontend/src/app/components/side-menu/side-menu.component.scss b/frontend/src/app/components/side-menu/side-menu.component.scss
index 9641141..a2c1026 100644
--- a/frontend/src/app/components/side-menu/side-menu.component.scss
+++ b/frontend/src/app/components/side-menu/side-menu.component.scss
@@ -26,12 +26,14 @@
             align-items: center;
             padding: 0 1em;
 
-            span {
+            a {
                 display: flex;
                 flex-direction: row;
                 justify-content: start;
                 align-items: center;
                 gap: .5em;
+                color: white;
+                text-decoration: none;
 
                 img {
                     $imageSize: 1.2em;
diff --git a/frontend/src/app/components/side-menu/side-menu.component.ts b/frontend/src/app/components/side-menu/side-menu.component.ts
index 7e710c9..68fa2cd 100644
--- a/frontend/src/app/components/side-menu/side-menu.component.ts
+++ b/frontend/src/app/components/side-menu/side-menu.component.ts
@@ -2,11 +2,12 @@ import {Component} from '@angular/core';
 import {MatIconModule} from '@angular/material/icon';
 import {CategoriesMenuComponent} from './categories-menu/categories-menu.component';
 import {MatTooltipModule} from '@angular/material/tooltip';
+import { RouterModule } from '@angular/router';
 
 @Component({
   selector: 'app-side-menu',
   standalone: true,
-  imports: [CategoriesMenuComponent, MatIconModule, MatTooltipModule],
+  imports: [CategoriesMenuComponent, MatIconModule, MatTooltipModule, RouterModule],
   templateUrl: './side-menu.component.html',
   styleUrl: './side-menu.component.scss'
 })