diff --git a/src/Client/src/app/app.html b/src/Client/src/app/app.html
index cc27886..7a8464c 100644
--- a/src/Client/src/app/app.html
+++ b/src/Client/src/app/app.html
@@ -1,25 +1,28 @@
 <div class="top-bar">
   <div class="top-bar-buttons">
     <a class="nav-button" routerLink="/jobs" routerLinkActive="active">JOB BOARD</a>
-    <a class="nav-button" routerLink="/resumes" routerLinkActive="active">RESUMES</a>
-    <a class="nav-button" routerLink="/company" routerLinkActive="active">COMPANIES</a>
+    @if (auth.isLoggedIn){
+      <a class="nav-button" routerLink="/resumes" routerLinkActive="active">RESUMES</a>
+      <a class="nav-button" routerLink="/company" routerLinkActive="active">COMPANIES</a>
+    }
   </div>
   <a class="top-bar-logo" routerLink="">
     <img class="top-bar-logo" style="margin: 0;" src="img/logo-full.png" />
   </a>
-  <div *ngIf="auth.isLoggedIn" class="top-bar-buttons flex-right">
-    <a class="nav-button nav-button-login" href="https://auth.mistox.com/"><span>{{ auth.loggedInUser.userName.toUpperCase() }}</span></a>
-    <a class="nav-button nav-button-login" href="/api/account/logout"><span>LOGOUT</span></a>
-  </div>
-  <div *ngIf="!auth.isLoggedIn" class="top-bar-buttons flex-right">
-
-    <!-- Testing Login -->
-      <a *ngIf="devMode" class="nav-button nav-button-login" href="https://auth.mistox.com/account/login?returnURL=http://localhost:5000/"><span>Testing Login</span></a>
-    <!-- Testing Login -->
-
-    <a class="nav-button nav-button-login" href="https://auth.mistox.com/account/login?returnURL=https://boredcareers.com/"><span>LOGIN</span></a>
-    <a class="nav-button nav-button-login" href="https://auth.mistox.com/account/register?returnURL=https://boredcareers.com/"><span>REGISTER</span></a>
-  </div>
+  @if (auth.isLoggedIn){
+    <div class="top-bar-buttons flex-right">
+      <a class="nav-button nav-button-login" href="https://auth.mistox.com/"><span>{{ auth.loggedInUser.userName.toUpperCase() }}</span></a>
+      <a class="nav-button nav-button-login" href="/api/account/logout"><span>LOGOUT</span></a>
+    </div>
+  } @else {
+    <div class="top-bar-buttons flex-right">
+      @if (devMode){
+        <a class="nav-button nav-button-login" href="https://auth.mistox.com/account/login?returnURL=http://localhost:5000/"><span>Testing Login</span></a>
+      }
+      <a class="nav-button nav-button-login" href="https://auth.mistox.com/account/login?returnURL=https://boredcareers.com/"><span>LOGIN</span></a>
+      <a class="nav-button nav-button-login" href="https://auth.mistox.com/account/register?returnURL=https://boredcareers.com/"><span>REGISTER</span></a>
+    </div>
+  }
 </div>
 <div class="content">
   <router-outlet></router-outlet>