> For the complete documentation index, see [llms.txt](https://docs.yaycommerce.com/yayextra/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.yaycommerce.com/yayextra/developer-zone/css-to-prevent-swatches-from-displaying-in-a-long-horizontal-row.md).

# CSS to Prevent Swatches from Displaying in a Long Horizontal Row

If color/image/button swatches stretch across a single long line, use the CSS below to allow a more natural wrapping layout.

```
.yayextra-opt-swatches-content {
    display: inherit !important;
}
```