diff --git a/src/lib/components/navigation/topbar.svelte b/src/lib/components/navigation/header.svelte
similarity index 100%
rename from src/lib/components/navigation/topbar.svelte
rename to src/lib/components/navigation/header.svelte
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 331afe5..ad2ad3c 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Topbar from '$lib/components/navigation/topbar.svelte';
+	import Header from '$lib/components/navigation/header.svelte';
 	import WeatherNav from '$lib/components/navigation/weather-nav.svelte';
 
 	import favicon from '$lib/assets/favicon.svg';
@@ -53,7 +53,7 @@
 
 	<!-- Main area: topbar + content -->
 	<div class="flex min-w-0 flex-1 flex-col h-full">
-		<Topbar onMenuToggle={toggleMobileMenu} />
+		<Header onMenuToggle={toggleMobileMenu} />
 
 		<main class="flex-1 overflow-y-auto p-5 md:px-8 md:py-6">
 			{@render children()}