# fieldset form width

**URL:** <https://community.hubspot.com/t/fieldset-form-width/3541>\
**Category:** CMS Development\
**Created:** [October 10, 2017, 4:04pm UTC](https://community.hubspot.com/t/fieldset-form-width/3541 "2017-10-10T16:04:14Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![jcole](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jcole/32/78108_2.png) [@jcole](https://community.hubspot.com/u/jcole)\
**Post date:** [October 10, 2017, 4:04pm UTC](https://community.hubspot.com/t/fieldset-form-width/3541/1 "2017-10-10T16:04:14Z")

</div>

The form I am using for one of our [landing pages](https://hub.hindscc.edu/tour) is not wanting to display at 100% width when I set a few of the fields to stand side-by-side.

I am able to find an inline stylesheet when insepcting the published page that will allow the side-by-side fields to display at 100%, but I can’t seem to find where the style sheet is located. The class that shows up is an .hs fieldset, but it is specific to the field itself.

Thanks!

---

<div class="post-metadata">

**Author:** ![jcole](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jcole/32/78108_2.png) [@jcole](https://community.hubspot.com/u/jcole)\
**Post date:** [October 11, 2017, 2:47pm UTC](https://community.hubspot.com/t/fieldset-form-width/3541/2 "2017-10-11T14:47:21Z")

</div>

Found it. The stylesheet we were using as a template was missing the follwing:

```auto
.hs-form fieldset {
max-width: none!important;
}

```

I just added it just before the max widths were being set for the different form columns.

And just a side-note, even when I removed all of the stylesheets and disabled our defaults, the problem still persisted.

---

<div class="post-metadata">

**Author:** ![DrFriedParts](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/drfriedparts/32/22307_2.png) [@DrFriedParts](https://community.hubspot.com/u/DrFriedParts)\
**Post date:** [April 3, 2018, 9:50am UTC](https://community.hubspot.com/t/fieldset-form-width/3541/3 "2018-04-03T09:50:51Z")

</div>

You couldn’t find the stylesheet because there isn’t one. The styling on the fieldsets is added by their javascript code and it ignores their JSON configuration object’s ‘css’ property. As this mechanism to configure the embedded form appears to be recent, I’m sure they’ll fix this bug soon. In the mean time, your code is the only approach that will work (it just overrides their rendered css).

The Hubspot form embed script injects this style sheet directly into the page:

`<style type="text/css" id="hs-form-style....`

It’s not an external stylesheet so it doesn’t show-up in it’s own network transaction… and it violates how Hubspot promises the script should work [here](https://developers.hubspot.com/docs/methods/forms/advanced_form_options). Basically, it’s a bug.

---

<div class="post-metadata">

**Author:** ![Artesano\_Studio](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/artesano_studio/32/7115_2.png) [@Artesano\_Studio](https://community.hubspot.com/u/Artesano_Studio)\
**Post date:** [December 9, 2018, 4:30am UTC](https://community.hubspot.com/t/fieldset-form-width/3541/4 "2018-12-09T04:30:59Z")

</div>

This code worked for me too. Thanks.

---

<div class="post-metadata">

**Author:** ![hellraizer](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/hellraizer/32/11886_2.png) [@hellraizer](https://community.hubspot.com/u/hellraizer)\
**Post date:** [November 22, 2021, 6:46pm UTC](https://community.hubspot.com/t/fieldset-form-width/3541/5 "2021-11-22T18:46:45Z")

</div>

Unfortunately, this is not accessible unless you pay for the pro version. Forms are limited to 500 pixels max-width unless you pay.