# Search
## Colors
Depending on the setting of the search (Overlay search, expandable search and standard search), the color fields have a different function. Learn more about the respective function of the color under the help labels.
{% hint style="info" %}
The basic appearance settings of the search can be found in the tab "[General](https://themedocs.zenit.design/en/styling/general)".
{% endhint %}
## Basic configuration
The search field **width (1, 2)** is specified as a percentage and refers to the **total width of the header**. If the selected percentage value exceeds the actual available space within the respective header row, the search field will not expand beyond that limit. This means that a width of 50% may already fully occupy the space between the logo and the main navigation in practice.
The **category filter (3)** enables an additional theme feature that allows the search to be filtered by a selected category while typing the search term.
The dividers in the search suggestions can be enabled using the Search suggest separator (4) option.
Examples:
