diff --git a/src/core/features/course/components/module/core-course-module.html b/src/core/features/course/components/module/core-course-module.html
index 437f2f075..fe3204278 100644
--- a/src/core/features/course/components/module/core-course-module.html
+++ b/src/core/features/course/components/module/core-course-module.html
@@ -1,4 +1,4 @@
-<ion-card *ngIf="module.handlerData && module.visibleoncoursepage !== 0">
+<ion-card *ngIf="module.handlerData && module.visibleoncoursepage !== 0" [class.core-course-module-with-view]="moduleHasView">
     <ng-container *ngIf="!module.handlerData.loading">
         <ion-item id="core-course-module-{{module.id}}" detail="false"
             class="ion-text-wrap core-course-module-handler core-module-main-item {{module.handlerData.class}}"
diff --git a/src/core/features/course/components/module/module.scss b/src/core/features/course/components/module/module.scss
index be50d8664..2ef99974b 100644
--- a/src/core/features/course/components/module/module.scss
+++ b/src/core/features/course/components/module/module.scss
@@ -93,7 +93,7 @@
         display: none;
     }
 
-    &.core-course-module-not-viewed {
+    &.core-course-module-not-viewed ion-card.core-course-module-with-view {
         --ion-card-border-color: var(--core-course-module-not-viewed-border-color);
     }
 
diff --git a/src/core/features/course/components/module/module.ts b/src/core/features/course/components/module/module.ts
index 471e7e7d9..c90e0407d 100644
--- a/src/core/features/course/components/module/module.ts
+++ b/src/core/features/course/components/module/module.ts
@@ -57,6 +57,7 @@ export class CoreCourseModuleComponent implements OnInit, OnDestroy {
     prefetchStatusIcon = ''; // Module prefetch status icon.
     prefetchStatusText = ''; // Module prefetch status text.
     autoCompletionTodo = false;
+    moduleHasView = true;
 
     protected prefetchHandler?: CoreCourseModulePrefetchHandler;
 
@@ -77,6 +78,7 @@ export class CoreCourseModuleComponent implements OnInit, OnDestroy {
         }
 
         this.module.handlerData.a11yTitle = this.module.handlerData.a11yTitle ?? this.module.handlerData.title;
+        this.moduleHasView = CoreCourse.moduleHasView(this.module);
 
         const completionStatus = this.showCompletionConditions && this.module.completiondata?.isautomatic &&
             this.module.completiondata.tracking == CoreCourseModuleCompletionTracking.COMPLETION_TRACKING_AUTOMATIC