diff --git a/web/app/templates/nopaque.html.j2 b/web/app/templates/nopaque.html.j2
index b00e7e274ec1290f0c1c10488844e73b84e9174f..ddec6ec3719d54d65d5af493879d8d0cf9f0b966 100644
--- a/web/app/templates/nopaque.html.j2
+++ b/web/app/templates/nopaque.html.j2
@@ -80,8 +80,8 @@
 
 {% block navbar %}
 <div class="navbar-fixed">
-  <nav class="nav-extended primary-color">
-    <div class="nav-wrapper">
+  <nav class="nav-extended">
+    <div class="nav-wrapper primary-color">
       {% if current_user.is_authenticated %}
       <a href="#" data-target="sidenav" class="sidenav-trigger"><i class="material-icons">menu</i></a>
       {% endif %}
@@ -98,10 +98,10 @@
         {% endif %}
       </ul>
     </div>
-    <div class="nav-content">
+    <div class="nav-content secondary-color">
       {% block nav_content %}{% endblock nav_content %}
       {% if current_user.is_authenticated %}
-      <a class="btn-floating btn-large halfway-fab modal-trigger tooltipped waves-effect waves-light" data-tooltip="Roadmap" href="#roadmap-modal"><i class="material-icons">explore</i></a>
+      <a class="btn-floating btn-large halfway-fab modal-trigger pink tooltipped waves-effect waves-light" data-tooltip="Roadmap" href="#roadmap-modal"><i class="material-icons">explore</i></a>
       {% endif %}
     </div>
   </nav>