diff --git a/loleaflet/css/menubar.css b/loleaflet/css/menubar.css
index b630141ba2c0..dd8373687e78 100644
--- a/loleaflet/css/menubar.css
+++ b/loleaflet/css/menubar.css
@@ -119,10 +119,13 @@
 	background: #0b87e7;
 	color: #fff;
 }
-.lo-menu > li, .lo-menu > li > a.disabled {
+.lo-menu > li, .lo-menu > li > .disabled {
 	background: #ffffff; /* top-level menus remain greyish */
 	border-left-color: transparent;
 }
+.lo-menu > li .disabled {
+	color: var(--gray-light-txt--color);
+}
 .lo-menu > li > a:hover, .lo-menu > li > a:focus, .lo-menu > li > a:active, .lo-menu > li > a.highlighted {
 	background: #fff;
 	color: #000;