Form fields not filling 100% width inside embedded form

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:

​.hubspot-iframe-wrapper{
 margin-left: -40px;
 margin-right: -40px;
}