diff --git a/src/app/components/shared/header/header.component.html b/src/app/components/shared/header/header.component.html
index 1c52eda53a31f173d5c0f022f8e5fff01aadb56b..c146edfe6d8fdfc47858b8c4585f5d7281091270 100644
--- a/src/app/components/shared/header/header.component.html
+++ b/src/app/components/shared/header/header.component.html
@@ -18,10 +18,10 @@
     </button>
 
     <mat-menu #appMenu="matMenu" [overlapTrigger]="false">
-      <button mat-menu-item (click)="logout()">
-        <mat-icon class="warn">exit_to_app</mat-icon>
-        <span>{{ 'header.logout' | translate }}</span>
+      <button mat-icon-button class="warn" (click)="logout()">
+        <mat-icon>exit_to_app</mat-icon>
       </button>
+      <span>{{ 'header.logout' | translate }}</span>
     </mat-menu>
     <button mat-icon-button *ngIf="user" [matMenuTriggerFor]="appMenu">
       <mat-icon *ngIf="user.role === 1" aria-label="Example icon-button with a heart icon" color="accent">record_voice_over</mat-icon>
diff --git a/src/app/components/shared/header/header.component.scss b/src/app/components/shared/header/header.component.scss
index 244c055c3c42a923033522693b827c7a9aaf34fd..34b7bb3f9c8186f7103764d0f337f695fb80fdff 100644
--- a/src/app/components/shared/header/header.component.scss
+++ b/src/app/components/shared/header/header.component.scss
@@ -4,5 +4,5 @@
 }
 
 .warn {
-  color: #f44336;
+  color: #ff8a80;
 }