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 4dab77489..4a8f9f36b 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
@@ -3,10 +3,13 @@
         <img *ngIf="course.courseImage" [src]="course.courseImage" core-external-content alt=""/>
     </div>
     <ion-item tappable text-wrap detail-none (click)="openCourse(course)" [title]="course.displayname || course.fullname" class="core-course-link" [class.item-disabled]="course.visible == 0" [class.core-course-more-than-title]="(course.summary && course.summary.length) || (course.progress != null && course.progress >= 0)">
-        <h2>
-            <core-icon name="fa-star" *ngIf="course.isfavourite"></core-icon>
-            <core-format-text [text]="course.displayname || course.fullname"></core-format-text>
-        </h2>
+        <div>
+            <p *ngIf="course.displayname && course.shortname && course.fullname != course.displayname" class="core-course-shortname"><core-format-text [text]="course.shortname"></core-format-text></p>
+            <h2>
+                <core-icon name="fa-star" *ngIf="course.isfavourite"></core-icon>
+                <core-format-text [text]="course.fullname"></core-format-text>
+            </h2>
+        </div>
 
         <div class="core-button-spinner" *ngIf="downloadCourseEnabled && !courseOptionMenuEnabled">
             <!-- Download course. -->
diff --git a/src/core/courses/components/course-progress/course-progress.scss b/src/core/courses/components/course-progress/course-progress.scss
index 4f2c29f5d..7914924b0 100644
--- a/src/core/courses/components/course-progress/course-progress.scss
+++ b/src/core/courses/components/course-progress/course-progress.scss
@@ -33,6 +33,10 @@ ion-app.app-root core-courses-course-progress {
             }
         }
 
+        .core-course-shortname {
+            margin-bottom: 8px;
+        }
+
         .core-course-link {
             @include padding(8px, 0px, 8px, 16px);
             .item-inner {