The hover state for a button is given instead of a click when using touch on mobile

The hover state for a button is given instead of a click when using touch on mobile. The user must click twice to get the first button "Click" and the hovered state remains until the user holds there finger down on the button and slides it off

1. Download the attached project
2. Open the project provided
3. Open the level "Untitled"
4. Launch on to android device (Galaxy S5 was used for this test)
5. Tap the button
6. Notice that the edge turns red (this is for a hovered state)
7. Tap the button again
8. Notice that the image turns green (this is for when it is clicked)

Expected the Ring would flash quickly before proceeding to the center becoming green or the red would only happen if the finger was being held down on the screen for the button
Result: The user must click twice to get the first button "Click" and the hovered state remains until the user holds there finger down on the button and slides it off

Widget Interaction Component on mobile