diff --git a/src/lib/components/Panel.svelte b/src/lib/components/Panel.svelte
index e6143d6..ab5f21a 100644
--- a/src/lib/components/Panel.svelte
+++ b/src/lib/components/Panel.svelte
@@ -42,6 +42,9 @@
     aria-labelledby="panel-title"
     aria-modal="true"
     onclose={handleDialogClose}
+    onclick={(e) => {
+        if (e.target === dialogEl) onclose();
+    }}
     oncancel={(e) => {
         e.preventDefault();
         onclose();