diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index ad30b05..6a45652 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -14,7 +14,7 @@ export const routes: Routes = [
         component: RecipesSearchPage,
     },
     {
-        path: 'recipes-upload',
+        path: 'recipe-upload',
         component: RecipeUploadPage,
     },
     {
diff --git a/src/app/shared/components/header/header.html b/src/app/shared/components/header/header.html
index 25e0265..8885e3c 100644
--- a/src/app/shared/components/header/header.html
+++ b/src/app/shared/components/header/header.html
@@ -3,11 +3,11 @@
     @if (isLoggedIn()) {
         <div id="header-login">
             <p>Welcome {{ username() }}!</p>
-            <button matButton="tonal" (click)="logoutClick()">Logout</button>
+            <button matButton="elevated" (click)="logoutClick()">Logout</button>
         </div>
     } @else {
         <div id="header-login">
-            <button matButton="tonal" (click)="loginClick()">Login</button>
+            <button matButton="elevated" (click)="loginClick()">Login</button>
         </div>
     }
 </header>
diff --git a/src/app/shared/components/nav/nav.html b/src/app/shared/components/nav/nav.html
index e1e85a8..371eaf5 100644
--- a/src/app/shared/components/nav/nav.html
+++ b/src/app/shared/components/nav/nav.html
@@ -3,6 +3,6 @@
     <ul>
         <li><a [routerLink]="'/'">Browse Recipes</a></li>
         <li><a [routerLink]="'/recipes-search'">Search Recipes</a></li>
-        <li><a [routerLink]="'/recipes-upload'">Upload Recipe</a></li>
+        <li><a [routerLink]="'/recipe-upload'">Upload Recipe</a></li>
     </ul>
 </nav>