# Buttons rounded edges

**URL:** https://meta.discourse.org/t/buttons-rounded-edges/99581
**Category:** Support
**Created:** [October 15, 2018, 9:12pm UTC](https://meta.discourse.org/t/buttons-rounded-edges/99581 "2018-10-15T21:12:41Z")
**Posts on this page:** 1
**Showing post:** 2

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [October 15, 2018, 9:17pm UTC](https://meta.discourse.org/t/buttons-rounded-edges/99581/2 "2018-10-15T21:17:22Z")

</div>

There are a few ways to do this, here’s two:

1. Using a theme component: [Discourse Button Styles](https://meta.discourse.org/t/discourse-button-styles/88154)

2. Using simple css you could target all button elements:

```plaintext
.btn {
    border-radius: 6px;
}

```

Change the `6px` to a larger/smaller number for more/less roundedness. Note that `.btn` will only target actionable buttons, it won’t target the navigation bar.

---

_[View the full topic](https://meta.discourse.org/t/buttons-rounded-edges/99581)._