diff --git a/web/src/routes/login/+layout.ts b/web/src/routes/login/+layout.ts
index ca0701d..6eb9461 100644
--- a/web/src/routes/login/+layout.ts
+++ b/web/src/routes/login/+layout.ts
@@ -3,5 +3,5 @@ import client from '$lib/api';
 
 export const load: LayoutLoad = async ({ fetch }) => {
 	const { data } = await client.GET('/api/v1/auth/metadata', { fetch: fetch });
-	return { oauthProviders: data };
+	return { loginData: data };
 };
diff --git a/web/src/routes/login/+page.svelte b/web/src/routes/login/+page.svelte
index 22c65fc..013834a 100644
--- a/web/src/routes/login/+page.svelte
+++ b/web/src/routes/login/+page.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
 	import LoginCard from '$lib/components/login-card.svelte';
 	import { page } from '$app/state';
-
-	let oauthProviders: string[] = $derived(page.data.oauthProviders);
+	import type { components } from '$lib/api/api';
+	let loginMetaData: components['schemas']['AuthMetadata'] = $derived(page.data.loginData);
 </script>
 
 <svelte:head>
@@ -14,5 +14,5 @@
 </svelte:head>
 
 <main>
-	<LoginCard oauthProviderNames={oauthProviders} />
+	<LoginCard oauthProviderNames={loginMetaData.oauth_providers} />
 </main>