diff --git a/app/components/ContextMenu/index.tsx b/app/components/ContextMenu/index.tsx
index 3c1f71358..735b4069f 100644
--- a/app/components/ContextMenu/index.tsx
+++ b/app/components/ContextMenu/index.tsx
@@ -8,6 +8,7 @@ import useMenuContext from "~/hooks/useMenuContext";
 import useMenuHeight from "~/hooks/useMenuHeight";
 import usePrevious from "~/hooks/usePrevious";
 import useStores from "~/hooks/useStores";
+import useUnmount from "~/hooks/useUnmount";
 import {
   fadeIn,
   fadeAndSlideUp,
@@ -57,6 +58,10 @@ export default function ContextMenu({
   const { t } = useTranslation();
   const { setIsMenuOpen } = useMenuContext();
 
+  useUnmount(() => {
+    setIsMenuOpen(false);
+  });
+
   React.useEffect(() => {
     if (rest.visible && !previousVisible) {
       if (onOpen) {