> For the complete documentation index, see [llms.txt](https://modutheme.gitbook.io/helix/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://modutheme.gitbook.io/helix/theme-settings/corner-radius.md).

# Corner radius

Corner radius controls how rounded each element's corners are. Each element type has its own setting, so buttons, badges, media, drawers, and more can be shaped independently.

![Corner radius setting panel](/files/Fpp9u151KjB4PHAmTll8)

***

## Buttons and inputs

Rounds buttons and form input fields.

![Corner radius — buttons and inputs](/files/Z738kWAe0g66hnhLPW3d)

## Badges and subheadings

A single control for product badges (such as "Sale" or "New") and subheading eyebrow labels.

![Corner radius — badges and subheadings](/files/bCXbslT8lUp7DtTSGdpF)

## Variant pickers

Rounds variant selectors shown as buttons or a dropdown (product page, quick add, quick edit, bundle builder, and more).

![Corner radius — variant pickers](/files/GBSELBgFdb35fFVGSl7z)

## Swatches

Rounds color and image swatches on product cards and the product page variant picker.

![Corner radius — swatches](/files/WmKQTd749s3vVbyBYEw7)

## Navigation

Rounds prev/next navigation buttons on carousels and sliders.

![Corner radius — navigation](/files/lZGwHb3YADlfAhdPg2ma)

## Media containers

Rounds media, product cards, pop-ups, popovers, and blocks.

![Corner radius — media containers](/files/sv60MZb1b74UnOFxfv5P)

## Tags

Rounds applied filters, discount codes, and search suggestions.

![Corner radius — tags](/files/7W2ORNE7G3O7kyoTFpXX)

***

## Overlay

### Drawers

Rounds cart, search, and mobile menu drawers.

![Corner radius — drawers](/files/gS4zIOtrQVGoikzVma6Z)

### Bottom sheets

Rounds bottom-sheet overlays on mobile.

![Corner radius — bottom sheets](/files/JzIo3EUjE46ru86jKJzz)