# New Form Embed Issues

**URL:** <https://community.hubspot.com/t/new-form-embed-issues/144833>\
**Category:** CMS Development\
**Tags:** forms\
**Created:** [January 13, 2026, 5:07am UTC](https://community.hubspot.com/t/new-form-embed-issues/144833 "2026-01-13T05:07:09Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![LeonardoDVinci](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/leonardodvinci/32/31639_2.png) [@LeonardoDVinci](https://community.hubspot.com/u/LeonardoDVinci)\
**Post date:** [January 13, 2026, 5:07am UTC](https://community.hubspot.com/t/new-form-embed-issues/144833/1 "2026-01-13T05:07:09Z")

</div>

When embedding forms in web and landing pages - the required field markers drops down to the next line below the label.

Upon inspection, the marker’s span display is showing up as block.

Please check.

Would also appreciate if we can have a setting option to show this or not for required fields in the form editor.  
Another thing, there is a forced var padding around the form in the same use case. Please make this optional in the settings.

---

<div class="post-metadata">

**Author:** ![Anton](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/anton/32/103167_2.png) [@Anton](https://community.hubspot.com/u/Anton)\
**Post date:** [January 13, 2026, 10:12am UTC](https://community.hubspot.com/t/new-form-embed-issues/144833/2 "2026-01-13T10:12:20Z")

</div>

Hey @LeonardoDVinci,

this might be a theme/CSS issue.

Checked a new form in one of my themes and it’s getting displayed correctly.

Add this to your theme where the forms are being styled

```lia-code-sample
label.hsfc-FieldLabel span span.hsfc-FieldLabel__RequiredIndicator{
 display:inline-block !important;
}

```

best,

Anton

---

<div class="post-metadata">

**Author:** ![LeonardoDVinci](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/leonardodvinci/32/31639_2.png) [@LeonardoDVinci](https://community.hubspot.com/u/LeonardoDVinci)\
**Post date:** [January 20, 2026, 4:17am UTC](https://community.hubspot.com/t/new-form-embed-issues/144833/3 "2026-01-20T04:17:24Z")

</div>

Not sure if this is the correct approach. HubSpot should fix the code when the form is embedded.

---

<div class="post-metadata">

**Author:** ![kosalaindrasiri](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/kosalaindrasiri/32/44349_2.png) [@kosalaindrasiri](https://community.hubspot.com/u/kosalaindrasiri)\
**Post date:** [January 13, 2026, 2:22pm UTC](https://community.hubspot.com/t/new-form-embed-issues/144833/4 "2026-01-13T14:22:58Z")

</div>

Hey @LeonardoDVinci ,  
Are you using Classic forms or New React forms?

Regards,

---

<div class="post-metadata">

**Author:** ![LeonardoDVinci](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/leonardodvinci/32/31639_2.png) [@LeonardoDVinci](https://community.hubspot.com/u/LeonardoDVinci)\
**Post date:** [January 20, 2026, 4:18am UTC](https://community.hubspot.com/t/new-form-embed-issues/144833/5 "2026-01-20T04:18:27Z")

</div>

Sorry, it might not be clear on my post - I’m referring to the forms built from the new form builder.

---

<div class="post-metadata">

**Author:** ![Berangere](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/berangere/32/220784_2.png) [@Berangere](https://community.hubspot.com/u/Berangere)\
**Post date:** [January 22, 2026, 3:37pm UTC](https://community.hubspot.com/t/new-form-embed-issues/144833/6 "2026-01-22T15:37:59Z")

</div>

Hi @LeonardoDVinci and thanks for getting back to us!

With the new beta form editor, you might notice some differences from the legacy forms.  
Features like custom CSS and jQuery manipulation aren’t fully compatible with forms created in the new editor just yet, as we are still actively developing additional capabilities. This means custom styling may not always behave as expected for now.

For required field markers and padding adjustments:

In the new editor, custom CSS overrides are still limited, but you can use CSS variables such as:  
--hsf-field-label-requiredindicator\_\_color to style required indicators  
--hsf-background\_\_padding to adjust form padding  
If you’re using legacy forms, you have more flexibility and can style elements using standard CSS selectors like .hs-form label or scope your edits with the .hs-inline-edit class.  
If you need full control over your form styling, I recommend continuing with the legacy form editor until these developer features are fully rolled out in the new editor.  
Also, I’d recommend sharing this via the [HubSpot Developer Feedback Form](https://developers.hubspot.com/feedback). If you prefer, I can submit it on your behalf, I’d be happy to do so. Just let me know.

I hope this helps!  
Bérangère  
_This post was created with the assistance of AI tools_