While Hovering is triggered when the mouse cursor is within the "up" state element.
Click is triggered by pressing on the "up" state element.
Both interactions requires mouse within the element so may cause the hover to show again.
The solution is to setup the states well and ensure the hovering is cleared.