diff --git a/theme/boost/scss/moodle/core.scss b/theme/boost/scss/moodle/core.scss
index ed2e87fa5e0..936040cfe23 100644
--- a/theme/boost/scss/moodle/core.scss
+++ b/theme/boost/scss/moodle/core.scss
@@ -2347,7 +2347,8 @@ $footer-link-color: $bg-inverse-link-color !default;
     &:focus,
     &:focus-within {
         outline: 0;
-        background-color: $dropdown-link-hover-bg;
+        background-color: $dropdown-link-active-bg;
+        color: $dropdown-link-active-color;
         a {
             color: $dropdown-link-active-color;
         }
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index 6423f70d10d..1365e397299 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -11530,7 +11530,8 @@ ul {
 
 .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
   outline: 0;
-  background-color: #0f6fc5; }
+  background-color: #0f6fc5;
+  color: #fff; }
   .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
     color: #fff; }
 
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index bd8fdc46795..cf66b7d0313 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -11740,7 +11740,8 @@ ul {
 
 .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
   outline: 0;
-  background-color: #0f6fc5; }
+  background-color: #0f6fc5;
+  color: #fff; }
   .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
     color: #fff; }