# CRM Extensions - Action Iframe Style

**URL:** <https://community.hubspot.com/t/crm-extensions-action-iframe-style/11559>\
**Category:** APIs & Integrations\
**Created:** [December 6, 2018, 10:40pm UTC](https://community.hubspot.com/t/crm-extensions-action-iframe-style/11559 "2018-12-06T22:40:57Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![system](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/system/32/124_2.png) [@system](https://community.hubspot.com/u/system)\
**Post date:** [December 6, 2018, 10:40pm UTC](https://community.hubspot.com/t/crm-extensions-action-iframe-style/11559/1 "2018-12-06T22:40:57Z")

</div>

Is there any way to put custom CSS inside the Lightbox that opens when the user clicks on an Action of type IFRAME?? I want to get rid of this lightbox margins to take advantage of the limited space (In other words, make the Iframe have 100% width and height from its parent).

[

 ![](https://d2qpr2jzcazej7.cloudfront.net/original/3X/8/6/8653c18c67472e77be30f19fbe6275b11a085f22.jpeg)

Screenshot-2018-12-06-16.20.24.jpg680x1034 64.5 KB

]([https://community.hubspot.com/legacyfs/online/uploads/default/original/2X/8/8653c18c67472e77be30f19fbe6275b11a085f22.jpeg](https://community.hubspot.com/legacyfs/online/uploads/default/original/2X/8/8653c18c67472e77be30f19fbe6275b11a085f22.jpeg))

---

<div class="post-metadata">

**Author:** ![cbarley](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/cbarley/32/82559_2.png) [@cbarley](https://community.hubspot.com/u/cbarley)\
**Post date:** [December 7, 2018, 3:42pm UTC](https://community.hubspot.com/t/crm-extensions-action-iframe-style/11559/2 "2018-12-07T15:42:03Z")

</div>

Hi [@Marco\_Artavia](https://community.hubspot.com/u/marco_artavia), unfortunately not. That padding is set from a React Component we use on the front end for every HubSpot account. All iFrames in a CRM Extension popout have a padding of 40px on the sides and 24px on the top and cannot be altered.