Environment Information

• "office-ui-fabric-react": "^7.68.0"
• Chromium Edge. Version 90.0.782.0

Describe the issue:

In high contrast, the border color styling of button is not refreshing when going from hover to disabled or enabled. In this case, the button keeps the hover border color until it is hovered again (see video)

Please provide a reproduction of the issue in a codepen:

Repro:

• Enable High Contrast Adds example of primary button with icon #2 through Windows Contrast
• Insert a button with three states - hover, enabled, disabled - where clicking on an enabled button should disable the button until external value has changed again (see video).
• Click on enabled button

Actual behavior:

The button becomes disabled, therefore changing the styling color to the button:disabled one, except for the border color which persists from the button:hover styling until the button is hovered again.

Expected behavior:

The button becomes disabled and changes its color styling to button:disabled