diff --git a/aleksis/core/assets/components/LegacyBaseTemplate.vue b/aleksis/core/assets/components/LegacyBaseTemplate.vue
index 478eccca0d20525d4d0783f3ff74fc42fd35df2a..ecb534fdbbad3de5883f42c5563a47376f63f22d 100644
--- a/aleksis/core/assets/components/LegacyBaseTemplate.vue
+++ b/aleksis/core/assets/components/LegacyBaseTemplate.vue
@@ -75,8 +75,15 @@ export default {
     // Subscribe to message channel to receive height from iframe
     window.addEventListener("message", this.receiveMessage);
   },
+  watch: {
+    $route() {
+      // Show loading animation once route changes
+      this.$root.contentLoading = true;
+    },
+  },
   beforeDestroy() {
     window.removeEventListener("message", this.receiveMessage);
+    this.$root.contentLoading = false;
   },
   name: "LegacyBaseTemplate",
 };