What needs to be fixed
When you are on a dashboard page the relative sidebar item menu have class class="mm-active"
and it become gray.
But only the a
item become gray, not the entire <span class="menu-dashboard">
as :hover

Why this should be fixed
for usability
How would you fix it
Instead:
.main-nav li .menu-dashboard > a > .fas, .main-nav li .menu-quicktask > a > .fas {
display: inline-flex;
align-items: center;
padding: 0.9rem;
}
use:
.main-nav li .menu-dashboard > a, .main-nav li .menu-quicktask > a {
display: inline-flex;
align-items: center;
padding: 0.9rem;
}
Side Effects expected

Closing as there is a Pull Request to solve this issue: #30322 .