diff --git a/src/App.svelte b/src/App.svelte
index 22a20ab..830c9d5 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import Router from '$router/Router.svelte'
   import { ModeWatcher, mode } from 'mode-watcher'
-  import Header from '$lib/components/HeaderNav.svelte'
+  import Header from '$lib/components/Header.svelte'
   import { Toaster } from 'svelte-sonner'
 </script>
 
diff --git a/src/lib/components/HeaderNav.svelte b/src/lib/components/Header.svelte
similarity index 100%
rename from src/lib/components/HeaderNav.svelte
rename to src/lib/components/Header.svelte