# Style issues when embedding form

**URL:** <https://community.feathery.io/t/style-issues-when-embedding-form/293>\
**Category:** Support\
**Created:** [November 21, 2023, 6:21pm UTC](https://community.feathery.io/t/style-issues-when-embedding-form/293 "2023-11-21T18:21:37Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![kguenther13](https://avatars.discourse-cdn.com/v4/letter/k/65b543/32.png) [@kguenther13](https://community.feathery.io/u/kguenther13)\
**Post date:** [November 21, 2023, 6:21pm UTC](https://community.feathery.io/t/style-issues-when-embedding-form/293/1 "2023-11-21T18:21:37Z")

</div>

When I embed my form on my website, it loads, but there are style issues with alignment and color. My guess is that there are conflicting CSS rules on my website. How do I embed my form in an iFrame to avoid those style issues?

---

<div class="post-metadata">

**Author:** ![peter](https://yyz2.discourse-cdn.com/flex030/user_avatar/community.feathery.io/peter/32/7_2.png) [@peter](https://community.feathery.io/u/peter)\
**Post date:** [November 21, 2023, 9:25pm UTC](https://community.feathery.io/t/style-issues-when-embedding-form/293/2 "2023-11-21T21:25:35Z")

</div>

You just have to pass your form URL into the src attribute of an iframe element, like:

`<iframe src="YOUR FORM URL" />`

You’ll want to make sure the iframe dimensions are consistent with those of your form as well (e.g. pass in `width="100%"` and `height="100%"` as attributes to the iframe component