CSS transform on overlay extensions causes issues

That bit of CSS is for vertically centering the element div.extension-overlays within its container. Without more careful scrutiny of the surrounding styles, I can’t say what the purpose is.

Mind clarifying exactly what behavior you’re seeing, in terms of the CSS you’ve written, when you say “my background color was bleeding out”? There ought to be some way to markup and style your Extension to avoid conflicting with the styles provided by Twitch.