diff --git a/src/client/components/nav-bar/NavBar.js b/src/client/components/nav-bar/NavBar.js
index ccfc388..155ba2a 100644
--- a/src/client/components/nav-bar/NavBar.js
+++ b/src/client/components/nav-bar/NavBar.js
@@ -23,6 +23,15 @@ class NavBar extends React.Component {
   componentDidMount() {
     const sidenav = document.querySelector('.side-nav')
     M.Sidenav.init(sidenav, {closeOnClick: true})
+   
+    this.initSidenavOverlay()
+  }
+
+  initSidenavOverlay(){
+    const sidenavOverlay = document.querySelector('.sidenav-overlay')
+    sidenavOverlay.setAttribute('id', 'sidenav-overlay')
+    sidenavOverlay.style.opacity = 0
+    sidenavOverlay.style.display = 'none'
   }
 
   render() {