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

Boxes contain extra handles on the inside of a selected element. Grab any of these inner handles 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?