diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index 7b9ab16e..3e51d4f2 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -298,8 +298,8 @@ $effect(() => {
 			role="button"
 			tabindex="0"
 			class="mb-4 flex cursor-pointer items-center justify-center gap-3 border border-dashed px-6 py-3 text-sm transition-colors duration-150 {isDragging
-				? 'border-accent bg-accent/5 text-accent'
-				: 'border-line-2 text-ink-3 hover:border-accent hover:text-accent'}"
+				? 'border-primary bg-accent-bg text-primary'
+				: 'border-ink/20 text-ink-3 hover:border-primary hover:text-primary'}"
 			ondragover={handleDragOver}
 			ondragleave={handleDragLeave}
 			ondrop={handleDrop}