Support Topics Documentation Slack YouTube Blog

Image with rounded edges


My Image object is in a Box with a border radius of 5. However, the image overlaps the Box object with its sharp edges.

How can an image have rounded edges?


For now, you can place the image into Block and set borders of this block.
There will be major update for the UI Builder soon. You will be able to directly set the borders of the image object.
So stay tuned!

Best Regards,

Hi @Joerg,

Have you tried playing with the overflow property of the box component?


Thanks @mark-piller

setting the Overflow in the General section of the Block to Hidden or Auto made the image assume the Border radius of the Block :slight_smile: