# Inquiries: Spacer component

> The Spacer Inquiry component adds white space between elements on a screen, like between a header and body text. Style its layout and set when it appears.

Source: https://help.withpersona.com/articles/1AMuBPtHFStzaNQ0s75hgA/
Section: Inquiries > Features > Screen Components

## What is the Inquiry Spacer component?

**Spacer** is an Inquiry screen component that adds a spacing block to the screen. You can customize its appearance and define logic that governs when it appears.

![spacercomponent_screenshot](https://assets.withpersona.com/f_auto,q_auto/help-center/articles/inquiries/spacer.png '1202x351')

The Spacer component adds white space to create separation between elements. For example, you can include a space between a header and body text to provide some “breathing” room or add a spacer between buttons to prevent accidental taps. Spacers help ensure a clean and visually appealing design.

## How do you add an Inquiry Spacer component?

1.  Navigate to the Dashboard, and click on **Inquiries > Templates**.
2.  Find and click on the Inquiry template you want to edit, or **Create** a new template.
3.  Hover over a screen and click the **Pencil** icon, or double-click the screen to open it in the Screen Editing View.

    ![component-edit](https://assets.withpersona.com/f_auto,q_auto/help-center/articles/inquiries/component-edit.png '740x298')

4.  In the Left panel, search the Component Library for ‘**Spacer**’.
5.  Drag and drop the Spacer component into your screen, and reposition it by dragging it around.
6.  Click on the Spacer component to open its settings in the Right Panel. The panel has two tabs: **Design** and **Logic**.
    1.  On the **Design** tab, use the **Layout** section to style the component. See the Design tab section on the [Screen Step components in Inquiries](https://help.withpersona.com/articles/6bdXdAJjp5OE93u7L6AgNT/) page for details.
    2.  On the **Logic** tab, add rules that govern when the component appears, and when it does not. See the Logic tab section on the [Screen Step components in Inquiries](https://help.withpersona.com/articles/6bdXdAJjp5OE93u7L6AgNT/) page for details.
7.  Use the actions at the top right of the panel to copy or delete the component.
8.  **Close** the step. You’ll have to **Save** and **Publish** the template to begin using it.

## Plans Explained

### Spacer component by plan

|                  | Startup Program | Essential Plan | Growth Plan | Enterprise Plan |
| ---------------- | --------------- | -------------- | ----------- | --------------- |
| Spacer component | Available       | Available      | Available   | Available       |

[Learn more about pricing and plans](https://withpersona.com/pricing?utm_source=product&utm_medium=referral&utm_audience=a&utm_campaign=cm_gen_ds_hc-plan-table).