diff --git a/web/src/lib/components/SearchInput.svelte b/web/src/lib/components/SearchInput.svelte
index f1755709..2708d12d 100644
--- a/web/src/lib/components/SearchInput.svelte
+++ b/web/src/lib/components/SearchInput.svelte
@@ -24,8 +24,7 @@
     goto(`/search?q=${encodeURIComponent(trimmed)}`, { replaceState: onSearchPage });
   }
 
-  function onInput(e: Event) {
-    value = (e.currentTarget as HTMLInputElement).value;
+  function onInput() {
     if (timeout) clearTimeout(timeout);
     timeout = setTimeout(() => {
       timeout = null;
@@ -50,7 +49,7 @@
   type="search"
   placeholder="Search artists, albums, tracks…"
   aria-label="Search"
-  {value}
+  bind:value
   oninput={onInput}
   onkeydown={onKey}
   class="w-full max-w-md rounded border border-border bg-surface px-3 py-1 text-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-accent"