Widget

Spacer

An invisible block you place to shape a layout. The spacer draws nothing and does nothing — it just occupies a rectangle on the page so you can push other widgets apart, line up rows, or hold an empty gap.

What it does

The spacer renders as completely transparent — internally it's a clear rectangle with no content, the same as an empty group. It is non-interactive: taps pass straight through it and it never reacts to a Home Assistant state. Its only job is to take up space at the size and position you give it.

Nothing to configure A spacer has no entity, no value, and no display settings of its own. Everything about it is layout: where it sits and how big it is.

Add it

Enter edit mode and add a Spacer to the page.
Drag it to where you want the gap.
Resize it by its handles until the surrounding widgets sit the way you want.

Settings

Setting	What it does
Size	The whole point of the widget. Use the normal resize handles to set the width and height of the gap. A new spacer starts at 80 × 80.
Position	Drag it anywhere on the page, like any other widget.
Background	A spacer is transparent by default and is meant to stay that way. (Like every widget it carries page-level styling such as opacity and corner radius, but with no content there's nothing to show unless you deliberately give it a fill.)

Using it well

Push widgets apart — drop a spacer between two cards to open a clean gap without nudging everything by hand.
Align rows — pad out a short row so its widgets line up with the row above or below.
Hold an empty slot — reserve a spot you plan to fill later, or keep a deliberate blank area in the layout.

It's just geometry Because the spacer is invisible and non-interactive at runtime, it never gets in the way of the widgets around it — on the dashboard there's simply empty space where it sits.