diff --git a/goofy-client/libs/navigation/src/lib/header-container/header/header.component.html b/goofy-client/libs/navigation/src/lib/header-container/header/header.component.html
index ccc300faef6ed830bb6fbe3c7e9d61d4b9fc84da..a4e38dda852e9db83c238de80351353aa07cc4f7 100644
--- a/goofy-client/libs/navigation/src/lib/header-container/header/header.component.html
+++ b/goofy-client/libs/navigation/src/lib/header-container/header/header.component.html
@@ -4,7 +4,7 @@
 		</goofy-client-icon-button-with-spinner>
 		<a routerLink="/" routerLinkActive="active" [routerLinkActiveOptions]="{ exact: true }">
 			<img src="/assets/img/logo.svg" alt="Goofy Logo" />
-			<div data-test-id='title'>Goofy</div>
+			<div class="title" data-test-id='title'>Goofy</div>
 		</a>
 	</div>
 
diff --git a/goofy-client/libs/navigation/src/lib/header-container/header/header.component.scss b/goofy-client/libs/navigation/src/lib/header-container/header/header.component.scss
index fb574ba5d847bf2507b48dc45901eda7ae851450..fc9c594f7e5d57a56a07969e451062d05fa9e756 100644
--- a/goofy-client/libs/navigation/src/lib/header-container/header/header.component.scss
+++ b/goofy-client/libs/navigation/src/lib/header-container/header/header.component.scss
@@ -13,7 +13,8 @@ header {
 	align-items: center;
 	justify-content: space-between;
 
-	h1 {
+	.title {
+		font-size: 24px;
 		margin: 0;
 	}
 }