Why does the opacity and color of a button adds up when hovered and focused?

I have a menu where a button is hovered on construct. It can be selected by mouse or by keyboard. The issue I’m having is that whenever I hover over the focused button, the opacity and color of both states add up, ending with a much darker button than expected.

This happens with the “on hover” event or without.

Any ideas on how to fix this?