diff --git a/frontend/src/components/NiceSelect.svelte b/frontend/src/components/NiceSelect.svelte
index 5ea91cf..151a311 100644
--- a/frontend/src/components/NiceSelect.svelte
+++ b/frontend/src/components/NiceSelect.svelte
@@ -1,10 +1,20 @@
 <script lang="ts">
 let {
   value = $bindable(),
-  options = $bindable(),
-  placeholder = $bindable(),
+  options = {},
+  placeholder = "",
 } = $props();
+
 const options_entries = $derived(Object.entries(options));
+$effect(() => {
+  if (
+    value !== "" &&
+    options_entries.length > 0 &&
+    !options_entries.some(([_, v]) => v === value)
+  ) {
+    value = options_entries[0][1];
+  }
+});
 </script>
 
 <label class="select" for="slct">