Code component renders in Studio but not in preview/prod

Having a rendering issue with a code component. It looks correct in Studio, does not show in preview and renders partially correctly in the publish site. I will post screenshots in the thread.

Screenshots of the issue: Published site version the padding added to the component is showing correctly. The css does show it should be padding-left: 30px. Almost as if there is a negative left margin somewhere but I can’t find it.

Fixed the left padding issue by setting the page root alignment to the left instead of center.

I guess the only main issue remains is the preview is not showing the code component. Thanks for help in advance.

Can you send me the project? I can take a look

Sent you the project url via direct message.

Issue resolved. Needed to request the data dynamically when in the editor and preview. Static data is being used when in the nextjs environment.