# Form inputs overlap on RAW HTML input

**URL:** <https://community.hubspot.com/t/form-inputs-overlap-on-raw-html-input/58548>\
**Category:** Lead Capture Tools\
**Tags:** forms\
**Created:** [June 8, 2022, 1:26am UTC](https://community.hubspot.com/t/form-inputs-overlap-on-raw-html-input/58548 "2022-06-08T01:26:47Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![KevinHayesCA](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/kevinhayesca/32/10617_2.png) [@KevinHayesCA](https://community.hubspot.com/u/KevinHayesCA)\
**Post date:** [June 8, 2022, 1:26am UTC](https://community.hubspot.com/t/form-inputs-overlap-on-raw-html-input/58548/1 "2022-06-08T01:26:47Z")

</div>

My input fields that are side by side, overlap.

Also, my button at the bottom is off, but I think I can fix that.

Any help?

 ![Screen Shot 2022-06-07 at 7.25.45 PM.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/9/9ebd79fc59774205dae9716a5a30f452f55b7174.png)

---

<div class="post-metadata">

**Author:** ![Mike\_Eastwood](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/mike_eastwood/32/70075_2.png) [@Mike\_Eastwood](https://community.hubspot.com/u/Mike_Eastwood)\
**Post date:** [June 8, 2022, 1:43am UTC](https://community.hubspot.com/t/form-inputs-overlap-on-raw-html-input/58548/2 "2022-06-08T01:43:04Z")

</div>

Hi @KevinHayesCA

Looks to me like the Raw HTML Output isn’t using the default HubSpot CSS and/or your site’s CSS is overwriting the Form CSS.

How geeky are you?

Fixing the CSS isn’t hard, but if you’re **not** geeky then that’s like saying “learning a few Latin phrases is easy”.

If you, or your team, are fixing the CSS make sure you throw some errors in the form (e.g. don’t enter first name) so you can see all the error CSS rules.

Have fun

Mike

---

<div class="post-metadata">

**Author:** ![KevinHayesCA](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/kevinhayesca/32/10617_2.png) [@KevinHayesCA](https://community.hubspot.com/u/KevinHayesCA)\
**Post date:** [June 8, 2022, 9:21pm UTC](https://community.hubspot.com/t/form-inputs-overlap-on-raw-html-input/58548/3 "2022-06-08T21:21:33Z")

</div>

Hey Mike!

I am fairly geeky and can mess around with CSS. So, don’t hold back. I did do some custom CSS stuff to get the form fitting our style. But, I think I hit a ceiling.

Can you guide me on what to update on the CSS here?

---

<div class="post-metadata">

**Author:** ![Mike\_Eastwood](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/mike_eastwood/32/70075_2.png) [@Mike\_Eastwood](https://community.hubspot.com/u/Mike_Eastwood)\
**Post date:** [June 8, 2022, 9:45pm UTC](https://community.hubspot.com/t/form-inputs-overlap-on-raw-html-input/58548/4 "2022-06-08T21:45:57Z")

</div>

Excellent Kevin,

Somewhere in the docs I’ve seen a list of CSS that the forms use… but I can’t find it now…

So, what I’d do is go into Design Manager and find the **main.css** file in your theme. Then in there you will see a link to include **\_forms.css** (or something similar).

The forms.css file will have everything you need to consider if you are restyling the forms on a different site.

Have fun

Mike