However, I find the resolution of that issue is not satisfying. The padding applied on the iframes by default only makes the result uglier. Being a "React" component doesn't really prevent this from being considered or implemented. If anything it should make it easier.
Here is an example from our work in progress, since we have different banners and a custom background patterns, it looks horrible with this padding.
From a design standpoint, the content should control its own padding and not the parent component. Because there is no way it works for all types of content. Leaving the padding decision to the content is a much better experience and developers can adjust to that better than adjusting to the current behavior.
So please, is there a way we can do this? if not can it be considered?