diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/Coursebook.vue b/aleksis/apps/alsijil/frontend/components/coursebook/Coursebook.vue
index b1ade5fb80b5a726d538df441a8fda2e16b6f9be..cb9a8742d8ca5e8c9555029eae8899e84dfb377d 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/Coursebook.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/Coursebook.vue
@@ -17,6 +17,7 @@
       <coursebook-filters v-model="filters" />
     </template>
     <template #default="{ items }">
+      <coursebook-loader />
       <coursebook-day
         v-for="{ date, docs, idx, lastIdx } in groupDocsByDay(items)"
         v-intersect="{
@@ -33,6 +34,7 @@
         @init="transition"
         ref="days"
         />
+      <coursebook-loader />
 
       <date-select-footer
         :value="$route.hash.substring(1)"
@@ -42,7 +44,7 @@
         />
     </template>
     <template #loading>
-      <CoursebookLoader />
+      <coursebook-loader
     </template>
 
     <template #no-data>