diff --git a/src/core/features/course/classes/main-resource-component.ts b/src/core/features/course/classes/main-resource-component.ts
index 3fb59518a..856ac0375 100644
--- a/src/core/features/course/classes/main-resource-component.ts
+++ b/src/core/features/course/classes/main-resource-component.ts
@@ -100,6 +100,9 @@ export class CoreCourseModuleMainResourceComponent implements OnInit, OnDestroy,
         this.showCompletion = !!CoreSites.getCurrentSite()?.isVersionGreaterEqualThan('3.11');
 
         if (this.showCompletion) {
+            CoreCourseHelper.calculateModuleCompletionData(this.module, this.courseId);
+            CoreCourseHelper.loadModuleOfflineCompletion(this.courseId, this.module);
+
             this.completionObserver = CoreEvents.on(CoreEvents.COMPLETION_MODULE_VIEWED, async (data) => {
                 if (data && data.cmId == this.module.id) {
                     await CoreCourse.invalidateModule(this.module.id);