diff --git a/anatomy/templates/anatomy/exam_list.html b/anatomy/templates/anatomy/exam_list.html
index 04388808..fb646100 100644
--- a/anatomy/templates/anatomy/exam_list.html
+++ b/anatomy/templates/anatomy/exam_list.html
@@ -4,22 +4,22 @@
 <h1>Examinations</h1>
 <div class="anatomy">
  Active exams:<br/>
- <ul>
+ <ul class="exam-list">
 {% for exam in exams %}
  {% if exam.active %}
  <li>
-    <a href="{% url 'anatomy:exam_overview' pk=exam.pk %}">{{exam.name}}</a> <a href="{% url 'anatomy:mark_overview' pk=exam.pk %}">(mark)</a> <a href="{% url 'anatomy:exam_scores_cid' pk=exam.pk %}">(scores)</a> [Results are {% if not exam.publish_results %} not {% endif %}published]
+    <a href="{% url 'anatomy:exam_overview' pk=exam.pk %}" class="flex-col">{{exam.name}}</a> <a href="{% url 'anatomy:mark_overview' pk=exam.pk %}" class="flex-col">Mark</a><a href="{% url 'anatomy:exam_scores_cid' pk=exam.pk %}" class="flex-col">Scores</a> <span class="flex-col icon-container"><span class="published-icon {% if exam.publish_results %}published{% endif %}">Results Published</span></span>
  </li>
     {% endif %}
 {% endfor %}
  </ul>
 
  Inactive exams:<br/>
- <ul>
+ <ul class="exam-list">
 {% for exam in exams %}
  {% if not exam.active %}
  <li>
-    <a href="{% url 'anatomy:exam_overview' pk=exam.pk %}">{{exam.name}}</a> <a href="{% url 'anatomy:mark_overview' pk=exam.pk %}">(mark)</a> <a href="{% url 'anatomy:exam_scores_cid' pk=exam.pk %}">(scores)</a> [Results are {% if not exam.publish_results %} not {% endif %}published]
+    <a href="{% url 'anatomy:exam_overview' pk=exam.pk %}" class="flex-col">{{exam.name}}</a> <a href="{% url 'anatomy:mark_overview' pk=exam.pk %}" class="flex-col">Mark</a><a href="{% url 'anatomy:exam_scores_cid' pk=exam.pk %}" class="flex-col">Scores</a> <span class="flex-col icon-container"><span class="published-icon {% if exam.publish_results %}published{% endif %}">Results Published</span></span>
  </li>
     {% endif %}
 {% endfor %}
diff --git a/longs/templates/longs/exam_list.html b/longs/templates/longs/exam_list.html
index 35cb11d0..0c052675 100644
--- a/longs/templates/longs/exam_list.html
+++ b/longs/templates/longs/exam_list.html
@@ -4,22 +4,22 @@
 <h1>Examinations</h1>
 <div class="longs">
  Active exams:<br/>
- <ul>
+ <ul class="exam-list">
 {% for exam in exams %}
  {% if exam.active %}
  <li>
-    <a href="{% url 'longs:exam_overview' pk=exam.pk %}">{{exam.name}}</a> <a href="{% url 'longs:mark_overview' pk=exam.pk %}">(mark)</a> <a href="{% url 'longs:exam_scores_cid' pk=exam.pk %}">(scores)</a> [Results are {% if not exam.publish_results %} not {% endif %}published]
+    <a href="{% url 'longs:exam_overview' pk=exam.pk %}" class="flex-col">{{exam.name}}</a> <a href="{% url 'longs:mark_overview' pk=exam.pk %}" class="flex-col">Mark</a><a href="{% url 'longs:exam_scores_cid' pk=exam.pk %}" class="flex-col">Scores</a> <span class="flex-col icon-container"><span class="published-icon {% if exam.publish_results %}published{% endif %}">Results Published</span></span>
  </li>
     {% endif %}
 {% endfor %}
  </ul>
 
  Inactive exams:<br/>
- <ul>
+ <ul class="exam-list">
 {% for exam in exams %}
  {% if not exam.active %}
  <li>
-    <a href="{% url 'longs:exam_overview' pk=exam.pk %}">{{exam.name}}</a> <a href="{% url 'longs:mark_overview' pk=exam.pk %}">(mark)</a> <a href="{% url 'longs:exam_scores_cid' pk=exam.pk %}">(scores)</a> [Results are {% if not exam.publish_results %} not {% endif %}published]
+    <a href="{% url 'longs:exam_overview' pk=exam.pk %}" class="flex-col">{{exam.name}}</a> <a href="{% url 'longs:mark_overview' pk=exam.pk %}" class="flex-col">Mark</a><a href="{% url 'longs:exam_scores_cid' pk=exam.pk %}" class="flex-col">Scores</a> <span class="flex-col icon-container"><span class="published-icon {% if exam.publish_results %}published{% endif %}">Results Published</span></span>
  </li>
     {% endif %}
 {% endfor %}
diff --git a/rapids/templates/rapids/exam_list.html b/rapids/templates/rapids/exam_list.html
index a9d64b9f..3185bccd 100644
--- a/rapids/templates/rapids/exam_list.html
+++ b/rapids/templates/rapids/exam_list.html
@@ -4,22 +4,22 @@
 <h1>Examinations</h1>
 <div class="rapids">
  Active exams:<br/>
- <ul>
+ <ul class="exam-list">
 {% for exam in exams %}
  {% if exam.active %}
  <li>
-    <a href="{% url 'rapids:exam_overview' pk=exam.pk %}">{{exam.name}}</a> <a href="{% url 'rapids:mark_overview' pk=exam.pk %}">(mark)</a> <a href="{% url 'rapids:exam_scores_cid' pk=exam.pk %}">(scores)</a> <span class="published-icon {{exam.publish_result}}">Published</span>
+    <a href="{% url 'rapids:exam_overview' pk=exam.pk %}" class="flex-col">{{exam.name}}</a> <a href="{% url 'rapids:mark_overview' pk=exam.pk %}" class="flex-col">Mark</a><a href="{% url 'rapids:exam_scores_cid' pk=exam.pk %}" class="flex-col">Scores</a> <span class="flex-col icon-container"><span class="published-icon {% if exam.publish_results %}published{% endif %}">Results Published</span></span>
  </li>
     {% endif %}
 {% endfor %}
  </ul>
 
  Inactive exams:<br/>
- <ul>
+ <ul class="exam-list">
 {% for exam in exams %}
  {% if not exam.active %}
  <li>
-    <a href="{% url 'rapids:exam_overview' pk=exam.pk %}">{{exam.name}}</a> <a href="{% url 'rapids:mark_overview' pk=exam.pk %}">(mark)</a> <a href="{% url 'rapids:exam_scores_cid' pk=exam.pk %}">(scores)</a> <span class="published-icon {{exam.publish_result}}">Published</span>
+    <a href="{% url 'rapids:exam_overview' pk=exam.pk %}" class="flex-col">{{exam.name}}</a> <a href="{% url 'rapids:mark_overview' pk=exam.pk %}" class="flex-col">Mark</a><a href="{% url 'rapids:exam_scores_cid' pk=exam.pk %}" class="flex-col">Scores</a> <span class="flex-col icon-container"><span class="published-icon {% if exam.publish_results %}published{% endif %}">Results Published</span></span>
  </li>
     {% endif %}
 {% endfor %}