diff --git a/generic/templates/generic/exam_candidate_headers.html b/generic/templates/generic/exam_candidate_headers.html
index 140534bc..5ceb5724 100644
--- a/generic/templates/generic/exam_candidate_headers.html
+++ b/generic/templates/generic/exam_candidate_headers.html
@@ -1,4 +1,8 @@
-<a href="{% url exam.get_app_name|add:':exam_cids' exam.id %}" title="Candidate overview">Overview</a>
-\ <a href="{% url exam.get_app_name|add:':exam_cids_edit' exam.id %}" title="Edit the Exam CID candidates">Edit CIDs</a>
-\ <a href="{% url exam.get_app_name|add:':exam_users_edit' exam.id %}" title="Edit the Exam User candidates">Edit User</a>
-\ <a href="{% url exam.get_app_name|add:':exam_groups_edit' exam.id %}" title="Edit the Exam Groups">Edit Groups</a>
\ No newline at end of file
+<nav class="mb-2">
+    <ul class="nav nav-pills">
+        <li class="nav-item"><a class="nav-link" href="{% url exam.get_app_name|add:':exam_cids' exam.id %}" title="Candidate overview">Overview</a></li>
+        <li class="nav-item"><a class="nav-link" href="{% url exam.get_app_name|add:':exam_cids_edit' exam.id %}" title="Edit the Exam CID candidates">Edit CIDs</a></li>
+        <li class="nav-item"><a class="nav-link" href="{% url exam.get_app_name|add:':exam_users_edit' exam.id %}" title="Edit the Exam User candidates">Edit User</a></li>
+        <li class="nav-item"><a class="nav-link" href="{% url exam.get_app_name|add:':exam_groups_edit' exam.id %}" title="Edit the Exam Groups">Edit Groups</a></li>
+    </ul>
+</nav>
\ No newline at end of file