diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/Coursebook.vue b/aleksis/apps/alsijil/frontend/components/coursebook/Coursebook.vue
index 79e67c6cbb4be1d02f79eef933b322dd3656c8c5..f63d5c367f3fb39228f5ca91615d30fad8248e3a 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/Coursebook.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/Coursebook.vue
@@ -58,6 +58,7 @@
       </div>
     </template>
     <template #default="{ items }">
+      <coursebook-loader />
       <coursebook-day
         v-for="{ date, docs, idx, lastIdx } in groupDocsByDay(items)"
         v-intersect="{
@@ -74,6 +75,7 @@
         @init="transition"
         ref="days"
         />
+      <coursebook-loader />
 
       <date-select-footer
         :value="$route.hash.substring(1)"
@@ -83,7 +85,7 @@
         />
     </template>
     <template #loading>
-      <CoursebookLoader />
+      <coursebook-loader
     </template>
 
     <template #no-data>