diff --git a/src/core/course/components/format/format.scss b/src/core/course/components/format/format.scss
index e03567ae6..9421b30a4 100644
--- a/src/core/course/components/format/format.scss
+++ b/src/core/course/components/format/format.scss
@@ -18,6 +18,7 @@ core-course-format {
         cursor: pointer;
         pointer-events: auto;
         position: relative;
+        background: white;
 
         img {
             position: absolute;
diff --git a/src/core/courses/components/course-progress/core-courses-course-progress.html b/src/core/courses/components/course-progress/core-courses-course-progress.html
index f11b0171b..a9c73d958 100644
--- a/src/core/courses/components/course-progress/core-courses-course-progress.html
+++ b/src/core/courses/components/course-progress/core-courses-course-progress.html
@@ -1,5 +1,5 @@
 <ion-card>
-    <div (click)="openCourse(course)" class="core-course-thumb core-course-color-{{course.id % 10}}">
+    <div (click)="openCourse(course)" class="core-course-thumb core-course-color-{{course.id % 10}}" [class.core-course-color-img]="course.imageThumb">
         <img *ngIf="course.imageThumb" [src]="course.imageThumb" core-external-content alt=""/>
     </div>
     <ion-item tappable text-wrap detail-none (click)="openCourse(course)" [title]="course.fullname" class="core-course-link">
diff --git a/src/core/courses/components/course-progress/course-progress.scss b/src/core/courses/components/course-progress/course-progress.scss
index e4eb027ed..242ed5c3b 100644
--- a/src/core/courses/components/course-progress/course-progress.scss
+++ b/src/core/courses/components/course-progress/course-progress.scss
@@ -17,6 +17,10 @@ core-courses-course-progress {
                 }
             }
 
+            &.core-course-color-img {
+                background: white;
+            }
+
             img {
                 position: absolute;
                 top: 0;