# Algemen common case

<figure><img src="https://115803331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F705N8OeBYBxKGzhvaDVF%2Fuploads%2F5rvDjH9eVKcIB8FSmFnf%2Fimage.png?alt=media&#x26;token=ba51a98e-3b50-43a7-b660-241580830def" alt=""><figcaption></figcaption></figure>

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:

<figure><img src="https://115803331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F705N8OeBYBxKGzhvaDVF%2Fuploads%2FlCwukxKhdbAdinLl6o6K%2Fimage.png?alt=media&#x26;token=d3ed9ed3-4c64-4851-9c61-99b33ea6741d" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://115803331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F705N8OeBYBxKGzhvaDVF%2Fuploads%2FWyMfg4QKeT40xrKULYs9%2Fimage.png?alt=media&#x26;token=77e6f517-fa39-437b-a8a0-2be42a379e0f" alt=""><figcaption></figcaption></figure>

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