diff --git a/luhn-algorithm/index.html b/luhn-algorithm/index.html
index 5b6f93c..423eb76 100644
--- a/luhn-algorithm/index.html
+++ b/luhn-algorithm/index.html
@@ -43,7 +43,7 @@
     </head>
     <body>
         <!-- content of navbar is included via jQuery -->
-        <aside class="navbar-insert mdc-drawer mdc-drawer--dismissible"></aside>
+        <aside class="navbar-insert mdc-drawer mdc-drawer--modal"></aside>
 
         <div class="mdc-drawer-app-content">
             <header class="mdc-top-app-bar app-bar" id="app-bar">
diff --git a/page-inserts/navbar.html b/page-inserts/navbar.html
index 6d757ac..e8fb383 100644
--- a/page-inserts/navbar.html
+++ b/page-inserts/navbar.html
@@ -1,8 +1,8 @@
 <div class="mdc-drawer__content">
-  <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>
-  </div>
+    <nav 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>
