Filter menu: Hover text color overrides focus state on current menu item

[trushaamin]

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'wordpress.org'
2. Click on 'My Patterns'
3. Scroll down to 'Public button'
4. See error button hover focus not proper working

Expected behavior
After logging into WordPress.org, we navigated to the "Patterns" option and located the "My Patterns" button at the top. Upon selecting this option, we clicked the "Public" button and noticed that the hover focus was not working properly.

Screenshots

Desktop (please complete the following information):

• OS: iOS
• Browser chrome, safari
• Version macOS 10.15.7

Additional context
check the "My patterns" and then the "Public" button hover focus check.

[ryelle]

I can reproduce this — on the "current" menu item, when both :focus and :hover are active, the text and background are both black. You can see this happen if you click the active menu item again. The background should probably use the light-grey hover background.

On other menu items, the focus state overrides the hover state, this should probably also be fixed so that :hover:focus has the light grey background too.