diff --git a/web/src/lib/actions/focus-outside.ts b/web/src/lib/actions/focus-outside.ts
index c302e33d4c..829497ccdb 100644
--- a/web/src/lib/actions/focus-outside.ts
+++ b/web/src/lib/actions/focus-outside.ts
@@ -1,3 +1,5 @@
+import { on } from 'svelte/events';
+
 interface Options {
   onFocusOut?: (event: FocusEvent) => void;
 }
@@ -19,11 +21,11 @@ export function focusOutside(node: HTMLElement, options: Options = {}) {
     }
   };
 
-  node.addEventListener('focusout', handleFocusOut);
+  const off = on(node, 'focusout', handleFocusOut);
 
   return {
     destroy() {
-      node.removeEventListener('focusout', handleFocusOut);
+      off();
     },
   };
 }