diff --git a/src/pages/home.jsx b/src/pages/home.jsx
index f10f633e..d823f95e 100644
--- a/src/pages/home.jsx
+++ b/src/pages/home.jsx
@@ -152,8 +152,11 @@ function NotificationsMenu({ anchorRef, state, onClose }) {
     if (state === 'open') loadNotifications();
   }, [state]);
 
+  const menuRef = useRef();
+
   return (
     <ControlledMenu
+      ref={menuRef}
       menuClassName="notifications-menu"
       state={state}
       anchorRef={anchorRef}
@@ -161,6 +164,11 @@ function NotificationsMenu({ anchorRef, state, onClose }) {
       portal={{
         target: document.body,
       }}
+      containerProps={{
+        onClick: () => {
+          menuRef.current?.closeMenu?.();
+        },
+      }}
       overflow="auto"
       viewScroll="close"
       position="anchor"