From 640c7e28d6fe48dd9959cad77f10bf2911b3dc16 Mon Sep 17 00:00:00 2001
From: Lysisos <kyan_0626@yahoo.co.jp>
Date: Mon, 15 Oct 2018 11:33:21 -0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/NavBar/DropdownMenu.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/NavBar/DropdownMenu.js b/src/components/NavBar/DropdownMenu.js
index 58c76226a..32ac11357 100644
--- a/src/components/NavBar/DropdownMenu.js
+++ b/src/components/NavBar/DropdownMenu.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { withStyles, Hidden, IconButton, Badge } from '@material-ui/core';
+import { withStyles, Hidden, IconButton, Badge, Backdrop } from '@material-ui/core';
 import { ExpandMore, ExpandLess } from '@material-ui/icons';
 import { inject, observer } from 'mobx-react';
 import { FormattedMessage } from 'react-intl';
@@ -70,5 +70,6 @@ export const DropdownMenu = withStyles(styles)(inject('store')(observer(({ class
     <div className={classes.navDropdownLinkItem} onClick={ui.onHelpButtonClick}>
       <FormattedMessage id="help" defaultMessage="Help" />
     </div>
+    <Backdrop invisible open={ui.dropdownMenuOpen} onClick={ui.toggleDropdownMenu} />
   </div>
 ))));