diff --git a/src/app.css b/src/app.css
index 0a388d3..f293a80 100644
--- a/src/app.css
+++ b/src/app.css
@@ -5,16 +5,4 @@
 
 :root {
 	@apply text-base-content;
-}
-
-h1 {
-	@apply font-display text-4xl;
-}
-
-h2 {
-	@apply font-display text-3xl;
-}
-
-h3 {
-	@apply font-display text-2xl;
 }
\ No newline at end of file
diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte
index bb75025..1abf0ef 100644
--- a/src/lib/components/Navbar.svelte
+++ b/src/lib/components/Navbar.svelte
@@ -2,30 +2,11 @@
 	let { title }: { title: string } = $props();
 </script>
 
-<header>
-	<div class="navbar">
-		<div>
-			<h2>Hestia</h2>
-		</div>
-		<div>
-			<h1>{title}</h1>
-		</div>
-		<div>
-			<p>Welcome!</p>
-		</div>
-	</div>
+<header class="navbar justify-between bg-base-200 px-4">
+	<h2 class="prose prose-xl">Hestia</h2>
+	<h1 class="prose prose-2xl">{title}</h1>
+	<p class="prose prose-lg">Welcome!</p>
 </header>
 
 <style>
-	.navbar {
-		@apply flex items-center justify-between border-b border-slate-200 bg-slate-50 px-6 py-2 font-display drop-shadow;
-	}
-
-	.navbar h1 {
-		@apply text-2xl;
-	}
-
-	.navbar h2 {
-		@apply text-xl;
-	}
 </style>
\ No newline at end of file