diff --git a/src/frontend/app/sidebar/sidebar.component.html b/src/frontend/app/sidebar/sidebar.component.html
index c711c812005ddedbdf08fce23b4ae0ebf2620d9d..8ff75ebb3004a81b3792bdc6a087692a79097ed2 100755
--- a/src/frontend/app/sidebar/sidebar.component.html
+++ b/src/frontend/app/sidebar/sidebar.component.html
@@ -1,7 +1,7 @@
 <nav class="sidebar" *ngIf="snavLeftComponent.opened">
   <div class="main-header">
     <header class="profile-header">
-        <button class="logout-button" mat-icon-button routerLink="/login">
+        <button class="logout-button" mat-icon-button (click)="logout()">
             <mat-icon  fontSet="fas" fontIcon="fa-sign-out-alt"></mat-icon>
         </button>
       <div class="user">
diff --git a/src/frontend/app/sidebar/sidebar.component.ts b/src/frontend/app/sidebar/sidebar.component.ts
index 90bd815a5d238c7d4e207ac364cf9fb8ceeaeac9..04b5d8d42c3ea64c401c887e0fcf13f6cfdc7a7a 100755
--- a/src/frontend/app/sidebar/sidebar.component.ts
+++ b/src/frontend/app/sidebar/sidebar.component.ts
@@ -78,4 +78,13 @@ export class SidebarComponent implements OnInit, AfterViewInit {
     this.snavLeftComponent.close();
     this.snavRightComponent.open();
   }
+
+  logout() {
+    this.http.get('../rest/logout')
+      .subscribe((data: any) => {
+        this.router.navigate(['/login']);
+      }, (err: any) => {
+          this.notificationService.handleErrors(err);
+      });
+  }
 }