> For the complete documentation index, see [llms.txt](https://madeindonesia.gitbook.io/mi-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://madeindonesia.gitbook.io/mi-guide/elementor/algemen-common-case.md).

# 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&amp;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&amp;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&amp;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.
