diff --git a/aleksis/apps/alsijil/templates/alsijil/class_register/week_view.html b/aleksis/apps/alsijil/templates/alsijil/class_register/week_view.html
index ed90f23332283a3ac9e6662d0db71f886d9ca458..f194427264513455a5fdc06001735c847d66fae5 100644
--- a/aleksis/apps/alsijil/templates/alsijil/class_register/week_view.html
+++ b/aleksis/apps/alsijil/templates/alsijil/class_register/week_view.html
@@ -11,6 +11,35 @@
   <link rel="stylesheet" href="{% static 'css/alsijil/week_view.css' %}"/>
 {% endblock %}
 
+{% block nav_content %}
+  {% if lesson_periods %}
+    <div class="">
+      <ul class="tabs tabs-transparent tabs-icons tabs-fixed-width">
+        <li class="tab col">
+          <a class="active" href="#week-overview">
+            <i class="material-icons">speaker_notes</i>
+            {% trans "Lesson documentations" %}
+          </a>
+        </li>
+        <li class="tab col">
+          <a href="#personal-notes">
+            <i class="material-icons">people</i>
+            {% trans "Persons" %}
+          </a>
+        </li>
+        {% if group_roles %}
+          <li class="tab col">
+            <a href="#group-roles">
+              <i class="material-icons">assignment_ind</i>
+              {% trans "Group roles" %}
+            </a>
+          </li>
+        {% endif %}
+      </ul>
+    </div>
+  {% endif %}
+{% endblock %}
+
 {% block content %}
   <script type="text/javascript" src="{% static "js/helper.js" %}"></script>
   {{ week_select|json_script:"week_select" }}
@@ -63,21 +92,6 @@
 
   {% if lesson_periods %}
     <div class="row">
-      <div class="col s12">
-        <ul class="tabs">
-          <li class="tab col">
-            <a class="active" href="#week-overview">{% trans "Lesson documentations" %}</a>
-          </li>
-          <li class="tab col">
-            <a href="#personal-notes">{% trans "Personal notes" %}</a>
-          </li>
-          {% if group_roles %}
-            <li class="tab col">
-              <a href="#group-roles">{% trans "Group roles" %}</a>
-            </li>
-          {% endif %}
-        </ul>
-      </div>
       <div class="col s12" id="week-overview">
         {% for weekday, objects in regrouped_objects.items %}
           {% with weekdays|get_dict:objects.0.weekday as advanced_weekday %}