diff --git a/opal-web/src/lib/components/BottomSheet.svelte b/opal-web/src/lib/components/BottomSheet.svelte
index e419d20..acbe6f4 100644
--- a/opal-web/src/lib/components/BottomSheet.svelte
+++ b/opal-web/src/lib/components/BottomSheet.svelte
@@ -1,5 +1,5 @@
 <script>
-	import { onMount, onDestroy, afterUpdate } from 'svelte';
+	import { onMount, afterUpdate } from 'svelte';
 
 	/** @type {boolean} */
 	export let open = false;
@@ -72,11 +72,11 @@
 	onMount(() => {
 		mounted = true;
 		document.addEventListener('keydown', handleKeydown);
-	});
 
-	onDestroy(() => {
-		document.removeEventListener('keydown', handleKeydown);
-		document.documentElement.style.overflow = '';
+		return () => {
+			document.removeEventListener('keydown', handleKeydown);
+			document.documentElement.style.overflow = '';
+		};
 	});
 
 	/**