diff --git a/frontend/src/lib/components/apps/components/display/AppMenu.svelte b/frontend/src/lib/components/apps/components/display/AppMenu.svelte
index d484e6708c..cc530cc543 100644
--- a/frontend/src/lib/components/apps/components/display/AppMenu.svelte
+++ b/frontend/src/lib/components/apps/components/display/AppMenu.svelte
@@ -85,6 +85,8 @@
 	$effect(() => {
 		resolvedConfig.afterIcon && afterIconComponent && untrack(() => handleAfterIcon())
 	})
+
+	let menu: Menu | undefined = $state()
 </script>
 
 <InitializeComponent {id} />
@@ -113,6 +115,7 @@
 		<Menubar class={resolvedConfig.fillContainer ? 'w-full h-full' : ''}>
 			{#snippet children({ createMenu })}
 				<Menu
+					bind:this={menu}
 					{createMenu}
 					placement="bottom-end"
 					justifyEnd={false}
@@ -168,6 +171,7 @@
 											outputs?.result.set({
 												latestButtonClicked: actionButton.id
 											})
+											menu?.close()
 										}}
 									>
 										<AppButton