diff --git a/frontend/src/lib/components/DropdownV2Inner.svelte b/frontend/src/lib/components/DropdownV2Inner.svelte
index f8e0548331..115fb8c325 100644
--- a/frontend/src/lib/components/DropdownV2Inner.svelte
+++ b/frontend/src/lib/components/DropdownV2Inner.svelte
@@ -32,7 +32,7 @@
 	<div class="flex flex-col">
 		{#each computedItems ?? [] as item}
 			<MenuItem
-				on:click={(e) => item?.action?.(e.detail)}
+				on:click={(e) => item?.action?.(e)}
 				href={item?.href}
 				disabled={item?.disabled}
 				class={twMerge(
diff --git a/frontend/src/lib/components/meltComponents/MenuItem.svelte b/frontend/src/lib/components/meltComponents/MenuItem.svelte
index 4eeae6e6ae..051f30ee43 100644
--- a/frontend/src/lib/components/meltComponents/MenuItem.svelte
+++ b/frontend/src/lib/components/meltComponents/MenuItem.svelte
@@ -1,5 +1,8 @@
 <script lang="ts">
 	import { melt } from '@melt-ui/svelte'
+	import { createEventDispatcher } from 'svelte'
+
+	const dispatch = createEventDispatcher()
 
 	export let href: string | undefined = undefined
 	export let disabled: boolean = false
@@ -20,7 +23,13 @@
 		<slot />
 	</a>
 {:else}
-	<button use:melt={item} on:click {disabled} class={$$props.class} role="menuitem">
+	<button
+		use:melt={item}
+		on:click={() => dispatch('click')}
+		{disabled}
+		class={$$props.class}
+		role="menuitem"
+	>
 		<slot />
 	</button>
 {/if}