# Add CSS for #document inside iframe **URL:** \ **Category:** CMS Development\ **Tags:** design-manager, css\ **Created:** [October 19, 2023, 6:49am UTC](https://community.hubspot.com/t/add-css-for-document-inside-iframe/92143 "2023-10-19T06:49:53Z")\ **Posts on this page:** 3\ **Page:** 1
**Author:** ![Swethap](https://avatars.discourse-cdn.com/v4/letter/s/edb3f5/32.png) [@Swethap](https://community.hubspot.com/u/Swethap)\ **Post date:** [October 19, 2023, 6:49am UTC](https://community.hubspot.com/t/add-css-for-document-inside-iframe/92143/1 "2023-10-19T06:49:53Z")
While using Hubspot Form id, I am getting iframe tag inside the html. But Inside iframe tag #document rendering, in that #document form is rendering. I am not able to add css for classes inside #document uisng scss files in Drupal. Getting the structure like this. ![Swethap_0-1697698010923.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/6/5/653fe619236c2ad4069fddf33a615ca7ce652d06.png) How add css for classes inside #document? ---
**Author:** ![zachh](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/zachh/32/87065_2.png) [@zachh](https://community.hubspot.com/u/zachh)\ **Post date:** [October 19, 2023, 12:14pm UTC](https://community.hubspot.com/t/add-css-for-document-inside-iframe/92143/2 "2023-10-19T12:14:04Z")
Hi @Swethap You can go into your form in the Style & preview tab to set it as a raw HTML form. Then you can use CSS to style it however you want! Does this solve your issue? - Zach ---
**Author:** ![amitamit](https://avatars.discourse-cdn.com/v4/letter/a/dbc845/32.png) [@amitamit](https://community.hubspot.com/u/amitamit)\ **Post date:** [May 8, 2025, 5:57am UTC](https://community.hubspot.com/t/add-css-for-document-inside-iframe/92143/3 "2025-05-08T05:57:52Z")
hey @zachh there are some style aspects which can not be controlled, for example the spacing between the fields and the top/bottom padding of the form.