How to change main component background to gradient color

Hello,

I'm encountering an issue with applying a gradient background color to the main component in my project. When I try to add the gradient to the style background property of the main component, it doesn't seem to work.

However, when I apply the same gradient background to a container component, it works perfectly fine.

Container:

Main:

Is the main component somehow blocked from using gradient background colors? Has anyone else experienced this issue or found a solution?

Thank you!

:thinking: I'm seeing the same bug - thanks for flagging! I'll request a fix

For the time being, could you work around this by using a container with this background color in main & then setting 'Expand content to fit' on Main?

Yes, that's been my workaround. Glad it was bug.

Thanks for the response, Tess!

1 Like