diff --git a/src/addons/calendar/pages/index/index.html b/src/addons/calendar/pages/index/index.html
index 6e3c382bb..f07174d3f 100644
--- a/src/addons/calendar/pages/index/index.html
+++ b/src/addons/calendar/pages/index/index.html
@@ -4,7 +4,8 @@
             <ion-back-button [text]="'core.back' | translate" />
         </ion-buttons>
         <ion-title>
-            <h1>{{ (showCalendar ? 'addon.calendar.calendarevents' : 'addon.calendar.upcomingevents') | translate }}</h1>
+            <h1>{{ 'addon.calendar.calendar' | translate }}</h1>
+            <p *ngIf="!showCalendar" class="subheading">{{ 'addon.calendar.upcomingevents' | translate }}</p>
         </ion-title>
         <ion-buttons slot="end">
             <ion-button fill="clear" (click)="openFilter()" [attr.aria-label]="'core.filter' | translate">
diff --git a/src/addons/calendar/tests/behat/create_events.feature b/src/addons/calendar/tests/behat/create_events.feature
index 9b301653c..8a334d941 100755
--- a/src/addons/calendar/tests/behat/create_events.feature
+++ b/src/addons/calendar/tests/behat/create_events.feature
@@ -43,7 +43,7 @@ Feature: Test creation of calendar events in app
     And I set the field "Description" to "This is User Event 01 description." in the app
     And I set the field "Location" to "Barcelona" in the app
     And I press "Save" in the app
-    Then I should find "Calendar events" in the app
+    Then I should find "Calendar" in the app
 
     # Verify that event was created right.
     When I open the calendar for "4" "2025" in the app