diff --git a/src/components/account-info.jsx b/src/components/account-info.jsx
index 0b26aa0f..3938b1c0 100644
--- a/src/components/account-info.jsx
+++ b/src/components/account-info.jsx
@@ -482,6 +482,7 @@ function RelatedActions({ info, instance, authenticated }) {
   }, [info, authenticated]);
 
   const loading = relationshipUIState === 'loading';
+  const menuInstanceRef = useRef(null);
 
   return (
     <>
@@ -521,6 +522,7 @@ function RelatedActions({ info, instance, authenticated }) {
         )}{' '}
         <span class="buttons">
           <Menu
+            instanceRef={menuInstanceRef}
             portal={{
               target: document.body,
             }}
@@ -529,6 +531,9 @@ function RelatedActions({ info, instance, authenticated }) {
                 // Higher than the backdrop
                 zIndex: 1001,
               },
+              onClick: () => {
+                menuInstanceRef.current?.closeMenu?.();
+              },
             }}
             align="center"
             position="anchor"