diff --git a/src/scripts/components/menu/menu.tsx b/src/scripts/components/menu/menu.tsx
index 25e54bb37..ba5444ed8 100644
--- a/src/scripts/components/menu/menu.tsx
+++ b/src/scripts/components/menu/menu.tsx
@@ -52,7 +52,7 @@ const Menu: FunctionComponent = () => {
         <MenuIcon />
       </button>
       {isOpen && (
-        <ul className={styles.menuList}>
+        <ul className={styles.menuList} onClick={() => setIsOpen(false)}>
           {menuItems.map(menuItem => {
             const Icon = menuItem.icon;
 
diff --git a/src/scripts/components/projection-menu/projection-menu.tsx b/src/scripts/components/projection-menu/projection-menu.tsx
index 6164f24cb..fea5f289c 100644
--- a/src/scripts/components/projection-menu/projection-menu.tsx
+++ b/src/scripts/components/projection-menu/projection-menu.tsx
@@ -13,10 +13,11 @@ const ProjectionMenu: FunctionComponent = () => {
   const intl = useIntl();
   const projections = Object.values(GlobeProjection);
   const dispatch = useDispatch();
+  const [isOpen, setIsOpen] = useState(false);
   const onProjectionClick = (projection: GlobeProjection) => {
+    setIsOpen(false);
     dispatch(setGlobeProjectionAction(projection));
   };
-  const [isOpen, setIsOpen] = useState(false);
   const onButtonClickHandler = () => setIsOpen(!isOpen);
 
   return (