diff --git a/client/src/pages/cockpit/CockpitParentPage.vue b/client/src/pages/cockpit/CockpitParentPage.vue
index b5fd275b..1c29046b 100644
--- a/client/src/pages/cockpit/CockpitParentPage.vue
+++ b/client/src/pages/cockpit/CockpitParentPage.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import {
-  useCourseSessionDetailQuery,
   useCourseDataWithCompletion,
+  useCourseSessionDetailQuery,
 } from "@/composables";
 import { useCockpitStore } from "@/stores/cockpit";
 import * as log from "loglevel";
@@ -27,11 +27,14 @@ onMounted(async () => {
       props.courseSlug,
       courseSessionDetailResult.findCurrentUser()
     );
+
+    // workaround so that the completion data is loaded before display
     const userDataPromises = courseSessionDetailResult.filterMembers().map((m) => {
       const completionData = useCourseDataWithCompletion(props.courseSlug, m.id);
       return completionData.resultPromise;
     });
     await Promise.all(userDataPromises);
+
     loaded.value = true;
   } catch (error) {
     log.error(error);