diff --git a/src/app/app.component.html b/src/app/app.component.html
index add07d5..3d6e0b2 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,8 +1,10 @@
 <nav>
   <ul>
     <li><a routerLink="/" routerLinkActive="active" ariaCurrentWhenActive="page">{{ 'title' | transloco }}</a></li>
-    <li *ngIf="islogged; else elseBlock"><a routerLink="/logout" routerLinkActive="active" ariaCurrentWhenActive="page">{{ 'logout' | transloco }}</a></li>
-    <li #elseBlock><a routerLink="/login" routerLinkActive="active" ariaCurrentWhenActive="page">{{ 'login' | transloco }}</a></li>
+    <li *ngIf="isLogged; else elseBlock"><a routerLink="/logout" routerLinkActive="active" ariaCurrentWhenActive="page">{{ 'logout' | transloco }}</a></li>
+    <ng-template #elseBlock>
+      <li><a routerLink="/login" routerLinkActive="active" ariaCurrentWhenActive="page">{{ 'login' | transloco }}</a></li>
+    </ng-template>
 
     <li><a routerLink="/recipe/add" routerLinkActive="active" ariaCurrentWhenActive="page">{{ 'recipe.add.link' | transloco }}</a></li>
     <select (change)="changeLanguage($event)">
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 4814a3a..e77dbdf 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -16,6 +16,7 @@ import { NgIf } from '@angular/common';
     RecipeFormComponent,
     RecipeListComponent,
     TranslocoPipe,
+    NgIf,
   ],
   providers: [RecipeService, TranslocoService, NgIf],
   templateUrl: './app.component.html',