diff --git a/templates/audit_log/audit_log.html b/templates/audit_log/audit_log.html
index 37edf908..6c2cf5c4 100644
--- a/templates/audit_log/audit_log.html
+++ b/templates/audit_log/audit_log.html
@@ -2,5 +2,8 @@
 {% from "components/pagination.html" import Pagination %}
 
 {% block content %}
-  {% include "fragments/audit_events_log.html" %}
+  <div v-cloak>
+    {% include "fragments/audit_events_log.html" %}
+    {{ Pagination(audit_events, 'atst.activity_history')}}
+  </div>
 {% endblock %}
diff --git a/templates/fragments/audit_events_log.html b/templates/fragments/audit_events_log.html
index 2c4bb440..4c9de82a 100644
--- a/templates/fragments/audit_events_log.html
+++ b/templates/fragments/audit_events_log.html
@@ -1,21 +1,17 @@
 {% from "components/pagination.html" import Pagination %}
 
-<div v-cloak>
-  <section class="block-list">
-    <header class="block-list__header">
-      <h1 class="block-list__title">{{ "audit_log.header_title" | translate }}</h1>
-    </header>
+<section class="block-list">
+  <header class="block-list__header">
+    <h1 class="block-list__title">{{ "audit_log.header_title" | translate }}</h1>
+  </header>
 
-    <ul>
-      {% for event in audit_events %}
-        <li class="block-list__item">
-          {% autoescape false %}
-            {{ event | renderAuditEvent }}
-          {% endautoescape %}
-        </li>
-      {% endfor %}
-    </ul>
-  </section>
-
-  {{ Pagination(audit_events, 'workspaces.workspace_activity', workspace_id=workspace_id) }}
-</div>
+  <ul>
+    {% for event in audit_events %}
+      <li class="block-list__item">
+        {% autoescape false %}
+          {{ event | renderAuditEvent }}
+        {% endautoescape %}
+      </li>
+    {% endfor %}
+  </ul>
+</section>
diff --git a/templates/workspaces/activity/index.html b/templates/workspaces/activity/index.html
index e97d5d37..9c072af1 100644
--- a/templates/workspaces/activity/index.html
+++ b/templates/workspaces/activity/index.html
@@ -2,5 +2,8 @@
 {% from "components/pagination.html" import Pagination %}
 
 {% block workspace_content %}
-  {% include "fragments/audit_events_log.html" %}
+  <div v-cloak>
+    {% include "fragments/audit_events_log.html" %}
+    {{ Pagination(audit_events, 'workspaces.workspace_activity', workspace_id=workspace_id) }}
+  </div>
 {% endblock %}