fix title styling

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>
 

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;
 	}
 }