> For the complete documentation index, see [llms.txt](https://help.fluorescent.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fluorescent.co/stiletto/readme/stiletto-6.0-visual-refresh/corner-rounding.md).

# Corner rounding

Use the **Corner radius** settings to change the roundness of elements across your site — including images, inputs, buttons, drawers, and popups.

<div><figure><img src="/files/qDHyw41yjRLwjdA6j7lD" alt=""><figcaption><p>Rounded multi-column items and button</p></figcaption></figure> <figure><img src="/files/h83YbIT9OFMIFHOCCcxI" alt=""><figcaption><p>Rounded product images, button, and chips</p></figcaption></figure></div>

#### <mark style="color:$primary;">Available corner radius options</mark>

Go to *Theme settings > Corner rounding* to find radius settings for different elements. You'll find options to toggle on or off corner rounding in some sections and the image block.

<table data-header-hidden data-full-width="false"><thead><tr><th></th><th></th><th></th></tr></thead><tbody><tr><td><strong>Drawers and modals</strong></td><td><strong>Popovers</strong></td><td><strong>Smalls cards and containers</strong></td></tr><tr><td><strong>Cards and images</strong></td><td><strong>Image thumbnails</strong></td><td><strong>Form inputs</strong></td></tr><tr><td><strong>Swatches</strong></td><td><strong>Top bar filters</strong></td><td><strong>Checkbox</strong></td></tr><tr><td><strong>Text areas (long text)</strong></td><td><strong>Buttons</strong></td><td><strong>Badges</strong></td></tr></tbody></table>

***

<mark style="color:$info;">**Note the change**</mark>

{% hint style="info" %}

#### Swatch shape

The **Button corner radius** setting replaces the 'Round' option previously under *Theme settings > Swatches.*
{% endhint %}