diff --git a/ofu_app/static/css/nav.css b/ofu_app/static/css/nav.css
index d656d66..fb14fd1 100644
--- a/ofu_app/static/css/nav.css
+++ b/ofu_app/static/css/nav.css
@@ -45,8 +45,22 @@
     font-weight: bold;
 }
 
-#menu-button:hover #main-nav {
+#menu-button:hover #main-nav, #menu-button:active #main-nav {
     left: 0;
 }
 
+#menu-button:hover i, #menu-button:active i {
+    color: red !important;
+}
+
+#menu-button {
+    text-align: center;
+    margin-top: 12px;;
+    height: 100%;
+}
+
+#menu-button i {
+
+}
+
 
diff --git a/ofu_app/templates/base.jinja b/ofu_app/templates/base.jinja
index 99d760d..3ff1c6e 100644
--- a/ofu_app/templates/base.jinja
+++ b/ofu_app/templates/base.jinja
@@ -22,14 +22,16 @@
 
 {% block body %}
     <div class="row">
+        <div class="col-2">
+
+        </div>
+        <div class="col-8">
+            {% block headline %}{% endblock %}</div>
         <div class="col-2">
             <div id="menu-button"><i class="fa fa-bars" aria-hidden="true"></i>
                 {{ nav.main_nav() }}
             </div>
         </div>
-        <div class="col-8">
-            {% block headline %}{% endblock %}</div>
-        <div class="col-2"></div>
     </div>
     <div class="container-fluid bg-dark text-white">
         {% block content %}{% endblock %}