---
title: "Showing component and drop zone borders"
date: "2021-06-21T13:48:13+00:00"
summary: "Enhance your page layout design with visual aids. Learn how to display borders around components and drop zones in the Visual Page Builder for better structure understanding and easier editing."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/showing-component-and-drop-zone-borders"
id: "bbbf6937-6b35-4c6b-a328-fc11d7fd68b2"
---

To help you understand the structure of your page when creating layouts, you can display borders around all components and drop zone.

Displaying drop zone borders
----------------------------

To display drop zone borders:

1.  When in the Visual Page Builder, click on the **Borders button** on the righthand side of the top menu bar
2.  Click on **Show drop zone borders**
3.  A dashed border will appear around all drop zones.

![d8afb5e6-Wire-mode-drop-zone.png](https://acquia.widen.net/content/f5dadf7c-d740-4177-9391-696b3a7642ad/web/d8afb5e6-Wire-mode-drop-zone.png)

Display component borders
-------------------------

To display borders around all components:

1.  When in the Visual Page Builder, click on the **Borders button** on the righthand side of the top menu bar
2.  Click on **Show component borders**
3.  A solid border will appear around all components.

![fabbf829-Wire-mode-component-borders.png](https://acquia.widen.net/content/13bf7aad-7cd0-42fa-bb16-8d322ac3b885/web/fabbf829-Wire-mode-component-borders.png)