Add vertical space to a page with the spacer web part

When you add a modern page to a site, you add and customize web parts, which are the building blocks of your page. This article describes the Spacer web part.

The Spacer web part gives you control over how much vertical space is shown between web parts.

Add the spacer web part

1. If you're not in edit mode already, click Edit at the top right of the page.

2. Hover your mouse above or below an existing web part or under the title region, click , and then select the Spacer web part.

3. Drag the gray bar up or down for vertical space; drag the corner boxes in or out for horizontal space. Or, use the up and down arrow keys to resize.