diff --git a/src/lib/timeline/view/TimelineView.svelte b/src/lib/timeline/view/TimelineView.svelte
index 8b88aac..76f0892 100644
--- a/src/lib/timeline/view/TimelineView.svelte
+++ b/src/lib/timeline/view/TimelineView.svelte
@@ -82,11 +82,11 @@
           {:else}
             <div class="sort-row">
               <span class="sort-label">Sort by</span>
-              <select class="sort-select" onchange={(e) => (sortKey = e.currentTarget.value)}>
-                <option value="date-desc" selected={sortKey === 'date-desc'}>Newest first</option>
-                <option value="date-asc"  selected={sortKey === 'date-asc'}>Oldest first</option>
-                <option value="country-asc"  selected={sortKey === 'country-asc'}>Country A → Z</option>
-                <option value="country-desc" selected={sortKey === 'country-desc'}>Country Z → A</option>
+              <select class="sort-select" bind:value={sortKey}>
+                <option value="date-desc">Newest first</option>
+                <option value="date-asc">Oldest first</option>
+                <option value="country-asc">Country A → Z</option>
+                <option value="country-desc">Country Z → A</option>
               </select>
             </div>
             <ol class="v-list">