diff --git a/themes/lumbung-theme/layouts/partials/header.html b/themes/lumbung-theme/layouts/partials/header.html
index ed5adb7..1f825e3 100644
--- a/themes/lumbung-theme/layouts/partials/header.html
+++ b/themes/lumbung-theme/layouts/partials/header.html
@@ -39,10 +39,16 @@
             <li><a href="/">home</a></li>
             <li><a href="/about/">about</a></li>
             <li><a href="/calendar/">calendar</a></li>
-            <li><a href="/tv/">tv</a></li>
-            <li><a href="/social/">social</a></li>
-            <li><a href="/pen/">pen</a></li>
-            <li><a href="/shouts/">shouts</a></li>
+            <li class="has-submenu">tools
+                <ul class="submenu">
+                    <li><a href="/tv/">tv</a></li>
+                    <li><a href="/social/">social</a></li>
+                    <li><a href="/pen/">pen</a></li>
+                    <li><a href="/shouts/">shouts</a></li>
+                    <li><a href="/kios/">kios</a></li>
+                    <li><a href="/gallery/">gallery</a></li>
+                </ul>
+            </li>
         </ul>
     </aside>
 
diff --git a/themes/lumbung-theme/static/css/main.css b/themes/lumbung-theme/static/css/main.css
index bbc4052..6b890bc 100644
--- a/themes/lumbung-theme/static/css/main.css
+++ b/themes/lumbung-theme/static/css/main.css
@@ -240,19 +240,19 @@ body {
     transition: all 0.5s ease-in-out;
 }
 
-.submenu li {
+.menu .submenu li {
     margin: 2px 0;
 }
 
-.has-submenu {
+.menu .has-submenu {
     cursor: pointer;
 }
 
-.has-submenu:hover .submenu {
+.menu .has-submenu:hover .submenu {
     visibility: visible;
 }
 
-#top-menu ul.submenu {
+#top-menu .menu ul.submenu {
     margin-left: 11px;
     margin-top: 10px;
     border: 1px solid ;
@@ -264,11 +264,15 @@ body {
   padding: 0 5px;
 }
 
-#top-menu .submenu a {
+#top-menu .menu .submenu a {
     margin: 0;
     display: flex;
 }
 
+.drawer .has-submenu {
+    padding-left: 2em;
+}
+
 
 /*Article Summary Cards*/