Icon styling doesn't match editor

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

So I’ve created a variant of the icon box component (base and dotted) basically I only want the icon to be styled differently, it works perfectly in the editor, but in the actual rendered css/html it’s not correct.

Preview:

Actual page