Algemen common case

The picture above is the common algemen template in our design, but there is a common case that we usually issued. see the picture below:

there are two active buttons, and we just need 1 active actually.

the solution we can remove the active status button by styling the color of active button same like un-active, we just set the color change on hover

the picture above is the class with active status button, we can styling button with that class same like un-active class.