Adjust iframe horizontal position: move to the left for hover/focus effects

Some of my components have a bit of an outline when they’re hovered over or focused. So to prevent the iframe visually cropping the outlines, the iframe body element needs a bit of padding. This is fine, but then the elements don’t look aligned on the page.

Is there a way to adjust the component’s iframe’s positioning, to just move it a few pixels to the left, so that the elements do look aligned" (and maybe extend the width by a few pixels as well, but just moving it to the left a bit would certainly do)