diff --git a/resources/common/components/MenuDropdown.less b/resources/common/components/MenuDropdown.less
index 4d58e8ef6..a4b60797a 100644
--- a/resources/common/components/MenuDropdown.less
+++ b/resources/common/components/MenuDropdown.less
@@ -64,13 +64,18 @@
 	.vector-menu-checkbox-expanded,
 	.vector-menu-checkbox-collapsed {
 		.mixin-screen-reader-text();
-		display: none;
 	}
 
-	// Reveal correct "expanded" status text to screen readers based off checked status.
+	// Reveal correct "expanded" or "collapsed" status text to screen readers based off checked status.
+	// !important needed to override `.mw-ui-button.mw-ui-icon-element:not(.mw-ui-icon-with-label-desktop) span` rule in core
 	.vector-menu-checkbox:checked + .vector-menu-heading .vector-menu-checkbox-expanded,
 	.vector-menu-checkbox:not( :checked ) + .vector-menu-heading .vector-menu-checkbox-collapsed {
-		display: inline;
+		display: inline !important; /* stylelint-disable-line declaration-no-important */
+	}
+
+	.vector-menu-checkbox:not( :checked ) + .vector-menu-heading .vector-menu-checkbox-expanded,
+	.vector-menu-checkbox:checked + .vector-menu-heading .vector-menu-checkbox-collapsed {
+		display: none !important; /* stylelint-disable-line declaration-no-important */
 	}
 
 	// Hide and show menu content based off checked status.