DUPLICATE: Nested component doesn't render variant on front end

Bugs
1

Browser: Chromium 147 (Arc)
OS: macOS
Issue:

I have a nested card component with a “light” variant set up to have a light background and dark text, which renders correctly in the Bricks editor, but when I view the section on the front end, it renders the “base” variant (with the blue background and light text) of the nested component.

Screenshots:

Screenshot 2026-04-16 at 12.19.32 PM
Screenshot 2026-04-16 at 12.19.32 PM1920×1080 274 KB

Screenshot 2026-04-16 at 12.19.49 PM
Screenshot 2026-04-16 at 12.19.49 PM1920×1080 233 KB

Temporary fix:

I’ve added custom CSS on the query loop block rendering the cards, selecting the classes from the nested component, and making my styling adjustments there.

2

Hi @McNeel,

after checking, I believe this this the same issue as here: WIP: Component variations lose styling as a descendant selector

This is happening only if the component is inside another component, right? If it’s on it’s own, then it works, right?

If you can confirm this, then it looks like the issue is the same as in the topic above, and we are aware of ti, and working on a solution.

Please let me know,
Matej

3

I believe you’re correct, @Matej !

I missed that post somehow. Thanks for the help – I’m now subscribed to that post.

Excited for the next release!

4

Hey @McNeel,

thank you for confirming. In this case, I’ll mark the topic as duplicate and close it, then you can follow the one mentioned above.

Best regards,
Matej