diff --git a/src/core/course/components/format/core-course-format.html b/src/core/course/components/format/core-course-format.html
index 1956e9ad6..8ce6d7b62 100644
--- a/src/core/course/components/format/core-course-format.html
+++ b/src/core/course/components/format/core-course-format.html
@@ -77,6 +77,10 @@
             <core-format-text [text]="section.name" contextLevel="course" [contextInstanceId]="course.id"></core-format-text>
             <!-- Section download. -->
             <ng-container *ngTemplateOutlet="sectionDownloadTemplate; context: {section: section}"></ng-container>
+            <p *ngIf="(section.visible === 0 && section.uservisible !== false) || section.availabilityinfo">
+                <ion-badge color="secondary" *ngIf="section.visible === 0 && section.uservisible !== false" text-wrap>{{ 'core.course.hiddenfromstudents' | translate }}</ion-badge>
+                <ion-badge color="secondary" *ngIf="section.availabilityinfo" text-wrap><core-format-text [text]=" section.availabilityinfo" contextLevel="course" [contextInstanceId]="courseId"></core-format-text></ion-badge>
+            </p>
         </ion-item-divider>
 
         <ion-item text-wrap *ngIf="section.summary">
diff --git a/src/core/course/components/format/format.scss b/src/core/course/components/format/format.scss
index dfbbc4033..ff8cb2c36 100644
--- a/src/core/course/components/format/format.scss
+++ b/src/core/course/components/format/format.scss
@@ -55,6 +55,11 @@ ion-app.app-root core-course-format {
             line-height: 44px;
         }
 
+        ion-badge core-format-text {
+            line-height: normal;
+            margin-bottom: 9px;
+        }
+
         &.core-section-download .label{
             @include margin(null, 0, null, null);
         }