Group padding and rounded borders

Need help
1

I’ve noticed that when your round the corners of an object (for example a group) and you add padding to the group, the padding doesn’t follow the rounded corners but just adds padding to the edges of the container - does anyone know how to have the padding follow the rounding of the corners of an object?
Screenshot 2022-12-13 at 11.11.25 am
Screenshot 2022-12-13 at 10.56.50 am

In this picture, I’ve got a group with a border roundness of 20px, and you can see the padding of 2px just follows the edge of the group and doesn’t take into account the rounding. Inside this group I have a horizontal scrolling repeating group and when you scroll across you can see the square edges of the group (see below)

Screenshot 2022-12-13 at 11.11.31 am
Screenshot 2022-12-13 at 11.11.31 am763×90 10.6 KB

Screenshot 2022-12-13 at 11.12.33 am

Would love some help!

2

Yes, it happens. In this case, what you need to do is round the edge of the inner element as well.

4

I can’t believe how much of a silly mistake I was making. I forgot to round the corners of the repeating group. Thanks for pointing that out!

5

This topic was automatically closed after 70 days. New replies are no longer allowed.