diff --git a/styles/components/_audit_log.scss b/styles/components/_audit_log.scss
index 212ebb83..2cea4260 100644
--- a/styles/components/_audit_log.scss
+++ b/styles/components/_audit_log.scss
@@ -20,3 +20,15 @@
     margin-bottom: $gap;
   }
 }
+
+.pagination {
+  width: 800px;
+  display: flex;
+  flex-direction: row;
+  align-content: space-between;
+  margin: auto;
+}
+
+.page {
+  margin: auto;
+}
diff --git a/templates/audit_log.html b/templates/audit_log.html
index b5c8fc1d..76afa6e3 100644
--- a/templates/audit_log.html
+++ b/templates/audit_log.html
@@ -40,13 +40,18 @@
 
   </section>
 
-  {% for i in range(1, audit_events.pages + 1) %}
-    {% if i == audit_events.page %}
-      {{ i }}
-    {% else %}
-      <a href="{{ url_for('atst.activity_history', page=i) }}">{{ i }}</a>
-    {% endif %}
-  {% endfor %}
-
+  {% set page_route = 'atst.activity_history' %}
+  {% set pagination = audit_events %}
 
+  <div class="pagination">
+    {% for i in range(1, pagination.pages + 1) %}
+      <span class="page">
+        {% if i == pagination.page %}
+          {{ i }}
+        {% else %}
+          <a href="{{ url_for(page_route, page=i) }}">{{ i }}</a>
+        {% endif %}
+      </span>
+    {% endfor %}
+  </div>
 {% endblock %}