diff --git a/blocks/recentlyaccesseditems/templates/view-cards.mustache b/blocks/recentlyaccesseditems/templates/view-cards.mustache
index 61481f414aa41..cac81a6c4bbd8 100644
--- a/blocks/recentlyaccesseditems/templates/view-cards.mustache
+++ b/blocks/recentlyaccesseditems/templates/view-cards.mustache
@@ -49,8 +49,8 @@
                         {{{icon}}}
                     </div>
                     <div class="w-100 line-height-3 text-truncate ml-2">
-                        <h6 class="mb-0 text-truncate">{{{name}}}</h6>
-                        <small class="text-muted text-truncate mb-0">{{{coursename}}}</small>
+                        <h6 class="mb-0 text-truncate"><span class="clickable">{{{name}}}</span></h6>
+                        <small class="text-truncate mb-0">{{{coursename}}}</small>
                     </div>
                 </div>
             </div>
diff --git a/theme/boost/scss/moodle/blocks.scss b/theme/boost/scss/moodle/blocks.scss
index 6e8eee84986d9..2b043aa033af0 100644
--- a/theme/boost/scss/moodle/blocks.scss
+++ b/theme/boost/scss/moodle/blocks.scss
@@ -284,6 +284,18 @@ $card-gutter : $card-deck-margin * 2;
     #block-region-content & [data-region="more-items-button-container"] {
         display: none;
     }
+
+    a.dashboard-card {
+        @include hover-focus {
+            text-decoration: none;
+            h6 {
+                text-decoration: underline;
+            }
+        }
+        small {
+            color: $body-color;
+        }
+    }
 }
 
 .block_myoverview {
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index d79c3c5f9bcf7..2c0aa95118bd8 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -13137,6 +13137,14 @@ aside[id^="block-region-side-"] .block_recentlyaccesseditems .dashboard-card-dec
 #block-region-content .block_recentlyaccesseditems [data-region="more-items-button-container"] {
   display: none; }
 
+.block_recentlyaccesseditems a.dashboard-card:hover, .block_recentlyaccesseditems a.dashboard-card:focus {
+  text-decoration: none; }
+  .block_recentlyaccesseditems a.dashboard-card:hover h6, .block_recentlyaccesseditems a.dashboard-card:focus h6 {
+    text-decoration: underline; }
+
+.block_recentlyaccesseditems a.dashboard-card small {
+  color: #1d2125; }
+
 .block_myoverview .content {
   min-height: 19.35rem; }
 
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index fdcf06dee2c9a..bff753a027392 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -13137,6 +13137,14 @@ aside[id^="block-region-side-"] .block_recentlyaccesseditems .dashboard-card-dec
 #block-region-content .block_recentlyaccesseditems [data-region="more-items-button-container"] {
   display: none; }
 
+.block_recentlyaccesseditems a.dashboard-card:hover, .block_recentlyaccesseditems a.dashboard-card:focus {
+  text-decoration: none; }
+  .block_recentlyaccesseditems a.dashboard-card:hover h6, .block_recentlyaccesseditems a.dashboard-card:focus h6 {
+    text-decoration: underline; }
+
+.block_recentlyaccesseditems a.dashboard-card small {
+  color: #1d2125; }
+
 .block_myoverview .content {
   min-height: 19.35rem; }