diff --git a/src/lib/components/Navbar.stories.svelte b/src/lib/components/Navigation/Navbar/Navbar.stories.svelte
similarity index 100%
rename from src/lib/components/Navbar.stories.svelte
rename to src/lib/components/Navigation/Navbar/Navbar.stories.svelte
diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navigation/Navbar/Navbar.svelte
similarity index 100%
rename from src/lib/components/Navbar.svelte
rename to src/lib/components/Navigation/Navbar/Navbar.svelte
diff --git a/src/lib/components/Navigation/Navbar/index.ts b/src/lib/components/Navigation/Navbar/index.ts
new file mode 100644
index 0000000..3ae8c87
--- /dev/null
+++ b/src/lib/components/Navigation/Navbar/index.ts
@@ -0,0 +1,3 @@
+import Navbar from './Navbar.svelte';
+
+export default Navbar;
\ No newline at end of file
diff --git a/src/lib/components/Navigation/index.ts b/src/lib/components/Navigation/index.ts
new file mode 100644
index 0000000..c75b1de
--- /dev/null
+++ b/src/lib/components/Navigation/index.ts
@@ -0,0 +1,3 @@
+import Navbar from './Navbar';
+
+export { Navbar };
\ No newline at end of file
diff --git a/src/routes/app/+layout.svelte b/src/routes/app/+layout.svelte
index b0005e0..3e0b9dd 100644
--- a/src/routes/app/+layout.svelte
+++ b/src/routes/app/+layout.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Navbar from '$lib/components/Navbar.svelte';
+	import { Navbar } from '$lib/components/Navigation';
 
 	let { children } = $props();
 </script>