diff --git a/src/app/components/shared/header/header.component.html b/src/app/components/shared/header/header.component.html
index bf5b2d3a1c6082ff2af2a81883d09e1285d5d22c..1ed607b6b41a4a8950bd7190c4690e0d11134ad7 100644
--- a/src/app/components/shared/header/header.component.html
+++ b/src/app/components/shared/header/header.component.html
@@ -22,10 +22,9 @@
         <span>{{ 'header.logout' | translate }}</span>
       </button>
     </mat-menu>
-    <button *ngIf="user" mat-button [matMenuTriggerFor]="appMenu">
-      <mat-icon color="accent">account_box</mat-icon>
-      <span *ngIf="user.isGuest; else elseBlock">{{ 'header.guest' | translate }}</span>
-      <ng-template #elseBlock>{{user.loginId}}</ng-template>
+    <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>
+      <mat-icon *ngIf="user.role === 0" aria-label="Example icon-button with a heart icon" color="accent">supervisor_account</mat-icon>
     </button>
   </mat-toolbar-row>
 </mat-toolbar>
diff --git a/src/app/components/shared/header/header.component.scss b/src/app/components/shared/header/header.component.scss
index b6d58aaad2779116a99d1597954c9743fd4a7d61..dcd486151c6827a5f194a0c899c7b13d34d27260 100644
--- a/src/app/components/shared/header/header.component.scss
+++ b/src/app/components/shared/header/header.component.scss
@@ -2,3 +2,4 @@
   cursor: pointer;
   margin: 0 auto;
 }
+