diff --git a/src/lib/ui/components/DeployServerDialog.svelte b/src/lib/ui/components/DeployServerDialog.svelte
index 77f6c9b..4195b6b 100644
--- a/src/lib/ui/components/DeployServerDialog.svelte
+++ b/src/lib/ui/components/DeployServerDialog.svelte
@@ -59,14 +59,12 @@
         open = false;
     }
 
-    // Click-outside-to-close (native <dialog> only supports Esc).
+    // Click-outside-to-close (native <dialog> only supports Esc). Only treat
+    // clicks whose target is the dialog element itself (the backdrop) as
+    // outside — a bounding-rect check catches native <select> dropdown
+    // options that render below the modal and closes the whole thing.
     function onDialogClick(e: MouseEvent): void {
-        if (!dialog) return;
-        const rect = dialog.getBoundingClientRect();
-        const inDialog =
-            e.clientX >= rect.left && e.clientX <= rect.right &&
-            e.clientY >= rect.top && e.clientY <= rect.bottom;
-        if (!inDialog) close();
+        if (e.target === dialog) close();
     }
 
     let selectedMap = $derived(maps.find((m) => m.slug === mapSlug));