diff --git a/assets/global.js b/assets/global.js
index 3f03be5..0e44877 100644
--- a/assets/global.js
+++ b/assets/global.js
@@ -2,20 +2,14 @@ $(document).ready(function(){
     // include navbar
     $(".navbar-insert").load("/page-inserts/navbar.html", function(){
         // initiate MDC drawer
-        // const drawer = new mdc.drawer.MDCDrawer.attachTo(document.querySelector('.mdc-drawer'));
-
-        const drawer = new mdc.drawer.MDCDrawer.attachTo($(".mdc-drawer"));
-        const topAppBar = new mdc.topAppBar.MDCTopAppBar.attachTo(document.getElementById('app-bar'));
-        topAppBar.listen('MDCTopAppBar:nav', () => {
-            drawer.open = !drawer.open;
-        });
+        const drawer = new mdc.drawer.MDCDrawer.attachTo(document.querySelector('.mdc-drawer'));
 
         // initiate MDC top app bar
-        // const mdc_top_app_bar = new mdc.topAppBar.MDCTopAppBar.attachTo(document.querySelector('.mdc-top-app-bar'));
-        // mdc_top_app_bar.setScrollTarget(document.getElementById('main-content'));
-        // mdc_top_app_bar.listen('MDCTopAppBar:nav', () => {
-        //     drawer.open = !drawer.open;
-        // });
+        const mdc_top_app_bar = new mdc.topAppBar.MDCTopAppBar.attachTo(document.querySelector('.mdc-top-app-bar'));
+        mdc_top_app_bar.setScrollTarget(document.getElementById('main-content'));
+        mdc_top_app_bar.listen('MDCTopAppBar:nav', () => {
+            drawer.open = !drawer.open;
+        });
 
         // include source code link
         $(".source-code-link").load("/page-inserts/source-code-link.html");
diff --git a/luhn-algorithm/index.html b/luhn-algorithm/index.html
index 423eb76..c115b5e 100644
--- a/luhn-algorithm/index.html
+++ b/luhn-algorithm/index.html
@@ -45,6 +45,8 @@
         <!-- content of navbar is included via jQuery -->
         <aside class="navbar-insert mdc-drawer mdc-drawer--modal"></aside>
 
+        <div class="mdc-drawer-scrim"></div>
+
         <div class="mdc-drawer-app-content">
             <header class="mdc-top-app-bar app-bar" id="app-bar">
                 <div class="mdc-top-app-bar__row">
@@ -84,7 +86,7 @@
                     <p id="validation_message"></p>
 
                     <!-- link to source code on GitHub -->
-                    <a href="https://github.com/mgrove36/demo-code/blob/master/luhn-algorithm/index.html" class="source-code-link mdc-fab mdc-fab--extended"  data-mdc-auto-init="MDCRipple"></a>
+                    <a href="https://github.com/mgrove36/demo-code/blob/master/luhn-algorithm/index.html" class="source-code-link mdc-fab mdc-fab--extended" data-mdc-auto-init="MDCRipple"></a>
                 </div>
             </main>
         </div>
diff --git a/page-inserts/navbar.html b/page-inserts/navbar.html
index e8fb383..2f04a23 100644
--- a/page-inserts/navbar.html
+++ b/page-inserts/navbar.html
@@ -1,8 +1,8 @@
 <div class="mdc-drawer__content">
-    <nav class="mdc-list">
+    <div class="mdc-list">
         <a class="mdc-list-item" href="/luhn-algorithm/">
             <i class="material-icons mdc-list-item__graphic" aria-hidden="true">credit_card</i>
             <span class="mdc-list-item__text">Luhn Algorithm</span>
         </a>
-    </nav>
+    </div>
 </div>