CSS Streaks & Gutters in WebPortal

Hi all. I’m at my wits end here with AI making a whole load of bad suggestions.

I have a component with several widgets (text out, single select, table view, etc). They all have a background color set with a connected CSS Editor coloring the containers and all other places within that widget (knime-multi-line). In the ACL, with additionalStyles, I’ve colored the background of the row, column, & container that house the widgets.

All looks fine until I rezoom or reshape the window. I will see streaks on the bottom and (less frequently) the right side of the widget. The only way I’m able to color those streaks is if I manually manipulate the iframe--0- level element. This level houses the content: type, resizeMethod, scrolling, sizeHeight, minHeight, maxHeight, etc. Unfortunately, the ACL will not let you add a “background-color” element to this iframe level.

ChatGPT has been giving me suggestions of adding a top level CSS Editor to the ACL (which you can’t do) or adding a top level Generic Javascript View which is supposed to make the background of that iframe transparent.

My end goal is to get the entire view’s background on the WebPortal background to blue. Any thoughts?