diff --git a/calendar/templates/month_detailed.mustache b/calendar/templates/month_detailed.mustache
index 262cc78685b..e75e6e84fea 100644
--- a/calendar/templates/month_detailed.mustache
+++ b/calendar/templates/month_detailed.mustache
@@ -109,7 +109,7 @@
                                                          
                                                     </span>
                                                     {{> core_calendar/event_icon}}
-                                                    {{name}}
+                                                    <span class="eventname">{{name}}</span>
                                                 </a>
                                             </li>
                                         {{/underway}}
diff --git a/theme/boost/scss/moodle/calendar.scss b/theme/boost/scss/moodle/calendar.scss
index 29ffb505cff..3e3cb04e054 100644
--- a/theme/boost/scss/moodle/calendar.scss
+++ b/theme/boost/scss/moodle/calendar.scss
@@ -96,9 +96,7 @@ $calendarEventUserColor: #dce7ec !default; // Pale blue.
         .calendarmonth {
             width: 98%;
             margin: 10px auto;
-        }
 
-        .calendarmonth {
             ul {
                 margin: 0;
                 padding: 0;
@@ -110,6 +108,14 @@ $calendarEventUserColor: #dce7ec !default; // Pale blue.
                         @include text-truncate;
                         max-width: 100%;
                         display: inline-block;
+
+                        &:hover {
+                            text-decoration: $link-decoration;
+
+                            .eventname {
+                                text-decoration: $link-hover-decoration;
+                            }
+                        }
                     }
 
                     .icon {
@@ -367,6 +373,16 @@ $calendarEventUserColor: #dce7ec !default; // Pale blue.
             .icon {
                 vertical-align: initial;
             }
+
+            > a {
+                &:hover {
+                    text-decoration: $link-decoration;
+
+                    .eventname {
+                        text-decoration: $link-hover-decoration;
+                    }
+                }
+            }
         }
     }
 
diff --git a/theme/bootstrapbase/less/moodle/calendar.less b/theme/bootstrapbase/less/moodle/calendar.less
index 182add6c5dc..387623de9ec 100644
--- a/theme/bootstrapbase/less/moodle/calendar.less
+++ b/theme/bootstrapbase/less/moodle/calendar.less
@@ -85,8 +85,7 @@
         .calendarmonth {
             width: 98%;
             margin: 10px auto;
-        }
-        .calendarmonth {
+
             ul {
                 margin: 0;
                 padding: 0;
@@ -97,6 +96,14 @@
                         .text-truncate;
                         max-width: 100%;
                         display: inline-block;
+
+                        &:hover {
+                            text-decoration: none;
+
+                            .eventname {
+                                text-decoration: underline;
+                            }
+                        }
                     }
 
                     .icon {
@@ -370,6 +377,16 @@
                 padding: 0;
                 margin-left: 0.25em;
             }
+
+            > a {
+                &:hover {
+                    text-decoration: none;
+
+                    .eventname {
+                        text-decoration: underline;
+                    }
+                }
+            }
         }
     }
     .content {
diff --git a/theme/bootstrapbase/style/moodle.css b/theme/bootstrapbase/style/moodle.css
index c852d8897c1..f8ce4f45fe3 100644
--- a/theme/bootstrapbase/style/moodle.css
+++ b/theme/bootstrapbase/style/moodle.css
@@ -5652,6 +5652,12 @@ img.iconsmall {
   max-width: 100%;
   display: inline-block;
 }
+.path-calendar .maincalendar .calendarmonth ul li > a:hover {
+  text-decoration: none;
+}
+.path-calendar .maincalendar .calendarmonth ul li > a:hover .eventname {
+  text-decoration: underline;
+}
 .path-calendar .maincalendar .calendarmonth ul li .icon {
   margin-left: 0.25em;
   margin-right: 0.25em;
@@ -5882,6 +5888,12 @@ img.iconsmall {
   padding: 0;
   margin-left: 0.25em;
 }
+.block .calendar_filters li > a:hover {
+  text-decoration: none;
+}
+.block .calendar_filters li > a:hover .eventname {
+  text-decoration: underline;
+}
 .block .content h3.eventskey {
   margin-top: 0.5em;
 }