diff --git a/src/app/app.component.html b/src/app/app.component.html
index 1368d77..acc35de 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -12,7 +12,7 @@
       </a>
     </nav>
 
-    <fa-icon (click)="toggleNotifications()" [icon]="faBell" class="text-xl flex-shrink ml-auto p-1.5 m-1.5 cursor-pointer"></fa-icon>
+    <fa-icon (click)="toggleNotifications()" [icon]="faBell" class="text-xl flex-shrink ml-auto p-1.5 m-1.5 cursor-pointer" *ngIf="user"></fa-icon>
 
     <button (click)="toggleMenu()" *ngIf="user" aria-label="More..." class="p-1.5 m-1.5 cursor-pointer">
       <user-avatar [user]="user" size="h-11 w-auto" class="ml-4"></user-avatar>
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 0eaba08..7e4ba5e 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -134,5 +134,4 @@ export class AppComponent {
   protected readonly faExclamationTriangle = faExclamationTriangle;
   protected readonly UserRoles = UserRoles;
   protected readonly faBell = faBell;
-  protected readonly undefined = undefined;
 }