diff --git a/templates/template.html b/templates/template.html
index b255fa2..672367f 100644
--- a/templates/template.html
+++ b/templates/template.html
@@ -71,17 +71,17 @@
 					</a>
            <a href="#!" data-target="mobile" class="sidenav-trigger"><i class="material-icons">menu</i></a>
            <ul class="right hide-on-med-and-down">
-               <li role="menu-item" class="{{ overview_active   }}">
-                  <a href="overview"><i class="material-icons left">map</i>Overview</a>
+               <li role="menu-item" class="tooltipped {{ overview_active   }}" data-position="bottom" data-tooltip="Overview">
+                  <a href="overview"><i class="material-icons left">map</i></a>
                </li>
-               <li role="menu-item" class="{{ machines_active    }}">
-                  <a href="machines"><i class="material-icons left">devices_other</i>Machines</a>
+               <li role="menu-item" class="tooltipped {{ machines_active    }}" data-position="bottom" data-tooltip="Machines">
+                  <a href="machines"><i class="material-icons left">devices_other</i></a>
                </li>
-               <li role="menu-item" class="{{ users_active }}">
-                  <a href="users"><i class="material-icons left">people</i>Users</a>
+               <li role="menu-item" class="tooltipped {{ users_active }}" data-position="bottom" data-tooltip="Users">
+                  <a href="users"><i class="material-icons left">people</i></a>
                </li>
-               <li role="menu-item" class="{{ settings_active   }}">
-                  <a href="settings"><i class="material-icons left">settings</i>Settings</a>
+               <li role="menu-item" class="tooltipped {{ settings_active   }}" data-position="bottom" data-tooltip="Settings">
+                  <a href="settings"><i class="material-icons left">settings</i></a>
                </li>
                {% block OIDC_NAV_DROPDOWN %}{% endblock %}
             </ul>