# Radio button + labels not looking good

**URL:** <https://community.hubspot.com/t/radio-button-labels-not-looking-good/10042>\
**Category:** CMS Development\
**Created:** [August 31, 2018, 8:06pm UTC](https://community.hubspot.com/t/radio-button-labels-not-looking-good/10042 "2018-08-31T20:06:42Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![mitchellkp](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/mitchellkp/32/97068_2.png) [@mitchellkp](https://community.hubspot.com/u/mitchellkp)\
**Post date:** [August 31, 2018, 8:06pm UTC](https://community.hubspot.com/t/radio-button-labels-not-looking-good/10042/1 "2018-08-31T20:06:42Z")

</div>

Radio buttons are too close to the labels and the buttons themselves are cut off. Any advice for better alignment?

> **[Customer Notification Subscriptions](https://info.alianza.com/customer-notifications)**

---

<div class="post-metadata">

**Author:** ![tjoyce](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tjoyce/32/88832_2.png) [@tjoyce](https://community.hubspot.com/u/tjoyce)\
**Post date:** [August 31, 2018, 10:42pm UTC](https://community.hubspot.com/t/radio-button-labels-not-looking-good/10042/2 "2018-08-31T22:42:23Z")

</div>

@mitchellkp - try:

```auto
.landing .widget-type-form .hs-form label.hs-form-radio-display input {
 margin-right: 5px;
}
.landing .widget-type-form .hs-form label.hs-form-radio-display {
 padding-left: 2px;
}

```

* * *

If this answer helped, please, mark as solved 😄

* * *

[tim@belch.io](mailto:tim@belch.io) | [forms.belch.io](https://forms.belch.io) | Design your own Beautiful HubSpot Forms; No coding necessary.

Drop by and say Hi to me [on slack](http://slack.belch.io/).

---

<div class="post-metadata">

**Author:** ![mitchellkp](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/mitchellkp/32/97068_2.png) [@mitchellkp](https://community.hubspot.com/u/mitchellkp)\
**Post date:** [September 3, 2018, 10:22pm UTC](https://community.hubspot.com/t/radio-button-labels-not-looking-good/10042/3 "2018-09-03T22:22:48Z")

</div>

Thanks @tjoyce! Where should I put that? Inline stylings on what part of the template?

---

<div class="post-metadata">

**Author:** ![tjoyce](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tjoyce/32/88832_2.png) [@tjoyce](https://community.hubspot.com/u/tjoyce)\
**Post date:** [September 5, 2018, 1:36pm UTC](https://community.hubspot.com/t/radio-button-labels-not-looking-good/10042/4 "2018-09-05T13:36:11Z")

</div>

@mitchellkp - Not inline.

You can add that to your stylesheet for the page.