diff --git a/src/app/components/main-navigation/main-navigation.component.html b/src/app/components/main-navigation/main-navigation.component.html
index 4a94b6d..4ad7044 100644
--- a/src/app/components/main-navigation/main-navigation.component.html
+++ b/src/app/components/main-navigation/main-navigation.component.html
@@ -53,10 +53,6 @@
           [active]="rla.isActive">
           {{link.label}}
           </a>
-          <a mat-tab-link class="link" id="login-button" routerLink="/login" (click)="activeLink = link"
-          routerLinkActive #rla="routerLinkActive"
-          [routerLinkActiveOptions]="{exact:true}"
-          [active]="rla.isActive">Login</a>
         </div>
       </nav>
       <div id="menu-button-box">
diff --git a/src/app/components/main-navigation/main-navigation.component.ts b/src/app/components/main-navigation/main-navigation.component.ts
index a001d54..2607e3c 100644
--- a/src/app/components/main-navigation/main-navigation.component.ts
+++ b/src/app/components/main-navigation/main-navigation.component.ts
@@ -59,6 +59,7 @@ export class MainNavigationComponent implements OnInit {
     { path: '', label: 'Home' },
     { path: '/about', label: 'About' },
     { path: '/imprint', label: 'Imprint' },
+    { path: '/login', label: 'Login' },
   ];
   
   toggleTheme() {