diff --git a/frontend/src/routes/products/new/+page.svelte b/frontend/src/routes/products/new/+page.svelte
index 6ae1e5a..9dbfcfd 100644
--- a/frontend/src/routes/products/new/+page.svelte
+++ b/frontend/src/routes/products/new/+page.svelte
@@ -5,6 +5,14 @@
 	import ProductForm from '$lib/components/ProductForm.svelte';
 
 	let { form }: { form: ActionData } = $props();
+
+	let errorEl: HTMLDivElement | undefined = $state();
+
+	$effect(() => {
+		if (form?.error && errorEl) {
+			errorEl.scrollIntoView({ behavior: 'smooth', block: 'center' });
+		}
+	});
 </script>
 
 <svelte:head><title>New Product — innercontext</title></svelte:head>
@@ -16,7 +24,7 @@
 	</div>
 
 	{#if form?.error}
-		<div class="rounded-md bg-destructive/10 px-4 py-3 text-sm text-destructive">
+		<div bind:this={errorEl} class="rounded-md bg-destructive/10 px-4 py-3 text-sm text-destructive">
 			{form.error}
 		</div>
 	{/if}