diff --git a/src/containers/App.js b/src/containers/App.js
index a6908658..31287415 100644
--- a/src/containers/App.js
+++ b/src/containers/App.js
@@ -46,7 +46,7 @@ class App extends React.Component {
   }
 
   state = {
-    navDrawerIsVisible: true,
+    navDrawerIsVisible: false,
   };
 
   componentDidMount() {
@@ -150,7 +150,8 @@ class App extends React.Component {
         <NavDrawer
           active={navDrawerIsVisible}
           scrollY
-          permanentAt={navDrawerIsVisible ? 'lg' : null}
+          permanentAt="lg"
+          onOverlayClick={this.toggleNavDrawer} // eslint-disable-line
           theme={styles}
         >
           <nav className={styles.nav}>