diff --git a/src/lib/components/Loader.stories.svelte b/src/lib/components/common/Loader/Loader.stories.svelte
similarity index 100%
rename from src/lib/components/Loader.stories.svelte
rename to src/lib/components/common/Loader/Loader.stories.svelte
diff --git a/src/lib/components/Loader.svelte b/src/lib/components/common/Loader/Loader.svelte
similarity index 100%
rename from src/lib/components/Loader.svelte
rename to src/lib/components/common/Loader/Loader.svelte
diff --git a/src/lib/components/common/Loader/index.ts b/src/lib/components/common/Loader/index.ts
new file mode 100644
index 0000000..fdaa01b
--- /dev/null
+++ b/src/lib/components/common/Loader/index.ts
@@ -0,0 +1,3 @@
+import Loader from './Loader.svelte';
+
+export default Loader;
\ No newline at end of file
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 28e9f61..42c1ebf 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
-	import Loader from '$lib/components/Loader.svelte';
+	import Loader from '$lib/components/common/Loader';
 	import { fade } from 'svelte/transition';
 
 	let { data } = $props();