> For the complete documentation index, see [llms.txt](https://docs.airdev.co/product-marketplace-template/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.airdev.co/product-marketplace-template/general-information/design-and-layout/padding.md).

# Padding

Spacing between elements

{% hint style="info" %}
Use shortcut **shift + arrow keys** to move elements in the Bubble Editor by 5px
{% endhint %}

* Padding between two elements is 15px

![](https://3534964841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaSQpoj6YgpAukNtx3r%2F-LaSR-VitQGB9r_HtqoC%2F-LaSR8mIL7eU1wdL716j%2Fscreen-shot-2019-03-11-at-11.59.15-am.png?generation=1553124598416724\&alt=media)

* Padding between above input text and an input is 0px
* Padding between above input text and inputs that have a gray background is 5px

![](https://3534964841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaSQpoj6YgpAukNtx3r%2F-LaSR-VitQGB9r_HtqoC%2F-LaSR8mKmUN4IdKUetwW%2Fscreen-shot-2019-03-08-at-5.21.53-pm.png?generation=1553124598162165\&alt=media)

* Padding for the content of popups is 30px on all sides. For instance, an input in a popup of 680px would have a width of 620px, 30px padding on both sides.

![](https://3534964841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaSQpoj6YgpAukNtx3r%2F-LaSR-VitQGB9r_HtqoC%2F-LaSR8mMPc4sit21PyPx%2Fscreen-shot-2019-03-08-at-5.24.38-pm.png?generation=1553124597954847\&alt=media)

* Padding for the content of groups is 40px on all sides. For instance, a line of text in a group of 860px would have a width of 780px, 40px padding on both sides.

![](https://3534964841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaSQpoj6YgpAukNtx3r%2F-LaSR-VitQGB9r_HtqoC%2F-LaSR8mO9RKCc_nmqns-%2Fscreen-shot-2019-03-11-at-12.01.59-pm.png?generation=1553124598513737\&alt=media)