diff --git a/html/index.html b/html/index.html
index 3f77fc9..2b014d7 100644
--- a/html/index.html
+++ b/html/index.html
@@ -13,6 +13,7 @@
   <meta name="theme-color" content="#161616">
   <link rel="stylesheet" href="theme-light.css">
 <link rel="stylesheet" href="wp-chrome.css">
+<link rel="stylesheet" href="wp-sidenav.css">
   <style>
     * { margin: 0; padding: 0; box-sizing: border-box; }
     
@@ -708,5 +709,6 @@
     }
   </script>
 <script src="wp-chrome.js"></script>
+<script src="wp-sidenav.js"></script>
 </body>
 </html>
diff --git a/html/work-package-suite.html b/html/work-package-suite.html
index 3e94661..3b9ccdb 100644
--- a/html/work-package-suite.html
+++ b/html/work-package-suite.html
@@ -13,6 +13,7 @@
   <meta name="theme-color" content="#161616">
   <link rel="stylesheet" href="theme-light.css">
 <link rel="stylesheet" href="wp-chrome.css">
+<link rel="stylesheet" href="wp-sidenav.css">
   <link rel="stylesheet" href="work-package-suite-styles.css">
 </head>
 <body>
@@ -433,5 +434,6 @@
   <script src="help.js"></script>
   <script src="work-package-suite-app.js"></script>
 <script src="wp-chrome.js"></script>
+<script src="wp-sidenav.js"></script>
 </body>
 </html>
diff --git a/html/wp-creation-index.html b/html/wp-creation-index.html
index 4ec9bf1..ba1d703 100644
--- a/html/wp-creation-index.html
+++ b/html/wp-creation-index.html
@@ -13,6 +13,7 @@
 <meta name="theme-color" content="#161616">
 <link rel="stylesheet" href="theme-light.css">
 <link rel="stylesheet" href="wp-creation-styles.css">
+<link rel="stylesheet" href="wp-sidenav.css">
 </head>
 <body>
 
@@ -397,5 +398,6 @@
 <script src="project-data.js"></script>
 <script src="help.js"></script>
 <script src="wp-creation-app.js"></script>
+<script src="wp-sidenav.js"></script>
 </body>
 </html>
