Inner spacing is the padding created inside of a box component between its borders and contents. This differs from outer spacing which is used to push elements away from each other.

With your mouse on the inside of a selected box, drag the top, right, bottom, or left grip to change its inner spacing.

Inner spacing can also be applied to individual sides using the “Inner spacing” panel in the sidebar.

Did this answer your question?