# Form fields not filling 100% width inside embedded form

**URL:** <https://community.hubspot.com/t/form-fields-not-filling-100-width-inside-embedded-form/136098>\
**Category:** CMS Development\
**Tags:** enterprise\
**Created:** [July 11, 2025, 5:12pm UTC](https://community.hubspot.com/t/form-fields-not-filling-100-width-inside-embedded-form/136098 "2025-07-11T17:12:59Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![FaramarKolivand](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/faramarkolivand/32/76210_2.png) [@FaramarKolivand](https://community.hubspot.com/u/FaramarKolivand)\
**Post date:** [July 15, 2025, 7:46pm UTC](https://community.hubspot.com/t/form-fields-not-filling-100-width-inside-embedded-form/136098/5 "2025-07-15T19:46:08Z")

</div>

You cannot directly style or manipulate the contents of an iframe with CSS or JS if it’s from a different origin (the embedded HubSpot form in your website is from a different origin, look up CORS policy).  
You can control the parent node in your website that the HubSpot form is embedded in though. For example, call the parent wrapper with a CSS class then give it negative margins like this:

```lia-code-sample
​.hubspot-iframe-wrapper{
 margin-left: -40px;
 margin-right: -40px;
}

```

---

_[View the full topic](https://community.hubspot.com/t/form-fields-not-filling-100-width-inside-embedded-form/136098)._