diff --git a/theme/boost/scss/moodle/courseindex.scss b/theme/boost/scss/moodle/courseindex.scss
index 35d587c533a..93fedaced6a 100644
--- a/theme/boost/scss/moodle/courseindex.scss
+++ b/theme/boost/scss/moodle/courseindex.scss
@@ -110,7 +110,8 @@ $courseindex-item-current: $primary !default;
             @include hover-focus() {
                 background-color: darken($courseindex-item-page-bg, 7.5%);
                 color: darken($courseindex-link-color-selected, 10%);
-                .courseindex-link {
+                .courseindex-link,
+                .courseindex-chevron {
                     color: darken($courseindex-link-color-selected, 10%);
                 }
             }
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index 75e798e952f..080cc36ac31 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -21389,7 +21389,9 @@ div.editor_atto_toolbar button .icon {
     .courseindex .courseindex-item.pageitem:hover, .courseindex .courseindex-item.pageitem:focus {
       background-color: #0c589c;
       color: #e6e5e5; }
-      .courseindex .courseindex-item.pageitem:hover .courseindex-link, .courseindex .courseindex-item.pageitem:focus .courseindex-link {
+      .courseindex .courseindex-item.pageitem:hover .courseindex-link,
+      .courseindex .courseindex-item.pageitem:hover .courseindex-chevron, .courseindex .courseindex-item.pageitem:focus .courseindex-link,
+      .courseindex .courseindex-item.pageitem:focus .courseindex-chevron {
         color: #e6e5e5; }
   .courseindex .courseindex-item .completioninfo {
     min-width: 24px; }
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index e162bbc2b86..89785fc25b1 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -21335,7 +21335,9 @@ div.editor_atto_toolbar button .icon {
     .courseindex .courseindex-item.pageitem:hover, .courseindex .courseindex-item.pageitem:focus {
       background-color: #0c589c;
       color: #e6e5e5; }
-      .courseindex .courseindex-item.pageitem:hover .courseindex-link, .courseindex .courseindex-item.pageitem:focus .courseindex-link {
+      .courseindex .courseindex-item.pageitem:hover .courseindex-link,
+      .courseindex .courseindex-item.pageitem:hover .courseindex-chevron, .courseindex .courseindex-item.pageitem:focus .courseindex-link,
+      .courseindex .courseindex-item.pageitem:focus .courseindex-chevron {
         color: #e6e5e5; }
   .courseindex .courseindex-item .completioninfo {
     min-width: 24px; }