diff --git a/web/src/lib/components/login-card.svelte b/web/src/lib/components/auth/login-card.svelte
similarity index 92%
rename from web/src/lib/components/login-card.svelte
rename to web/src/lib/components/auth/login-card.svelte
index e82b4a2..77b8577 100644
--- a/web/src/lib/components/login-card.svelte
+++ b/web/src/lib/components/auth/login-card.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-	import { Button } from '$lib/components/ui/button/index.js';
-	import * as Card from '$lib/components/ui/card/index.js';
-	import { Input } from '$lib/components/ui/input/index.js';
-	import { Label } from '$lib/components/ui/label/index.js';
+	import { Button } from '$lib/components/ui/button';
+	import * as Card from '$lib/components/ui/card';
+	import { Input } from '$lib/components/ui/input';
+	import { Label } from '$lib/components/ui/label';
 	import { goto } from '$app/navigation';
 	import { toast } from 'svelte-sonner';
-	import * as Alert from '$lib/components/ui/alert/index.js';
+	import * as Alert from '$lib/components/ui/alert';
 	import AlertCircleIcon from '@lucide/svelte/icons/alert-circle';
 	import LoadingBar from '$lib/components/loading-bar.svelte';
 	import client from '$lib/api';
diff --git a/web/src/lib/components/signup-card.svelte b/web/src/lib/components/auth/signup-card.svelte
similarity index 91%
rename from web/src/lib/components/signup-card.svelte
rename to web/src/lib/components/auth/signup-card.svelte
index e1d4f8d..74229df 100644
--- a/web/src/lib/components/signup-card.svelte
+++ b/web/src/lib/components/auth/signup-card.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-	import { Button } from '$lib/components/ui/button/index.js';
-	import * as Card from '$lib/components/ui/card/index.js';
-	import { Input } from '$lib/components/ui/input/index.js';
-	import { Label } from '$lib/components/ui/label/index.js';
+	import { Button } from '$lib/components/ui/button';
+	import * as Card from '$lib/components/ui/card';
+	import { Input } from '$lib/components/ui/input';
+	import { Label } from '$lib/components/ui/label';
 	import { toast } from 'svelte-sonner';
-	import * as Alert from '$lib/components/ui/alert/index.js';
+	import * as Alert from '$lib/components/ui/alert';
 	import AlertCircleIcon from '@lucide/svelte/icons/alert-circle';
 	import LoadingBar from '$lib/components/loading-bar.svelte';
 	import CheckCircle2Icon from '@lucide/svelte/icons/check-circle-2';
diff --git a/web/src/routes/login/+page.svelte b/web/src/routes/login/+page.svelte
index 013834a..a039643 100644
--- a/web/src/routes/login/+page.svelte
+++ b/web/src/routes/login/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import LoginCard from '$lib/components/login-card.svelte';
+	import LoginCard from '$lib/components/auth/login-card.svelte';
 	import { page } from '$app/state';
 	import type { components } from '$lib/api/api';
 	let loginMetaData: components['schemas']['AuthMetadata'] = $derived(page.data.loginData);
diff --git a/web/src/routes/login/signup/+page.svelte b/web/src/routes/login/signup/+page.svelte
index 0e89a52..1db3fc8 100644
--- a/web/src/routes/login/signup/+page.svelte
+++ b/web/src/routes/login/signup/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import SignupCard from '$lib/components/signup-card.svelte';
+	import SignupCard from '$lib/components/auth/signup-card.svelte';
 	import { page } from '$app/state';
 
 	let oauthProviders: string[] = $derived(page.data.oauthProviders);