# Padding

Using consistent padding across pages is important for your app's design to remain cohesive with the Canvas template. 

Here are some of the standards used across the template:

## General padding

* Padding between two elements is 20px

![](https://2550662654-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LYJWnUT3lUFQk1K9BCK%2F-L_hq6rIAsRUIfvFlvMp%2F-L_i6yT0WOZyypqML8fk%2FScreen%20Shot%202019-03-11%20at%2011.59.15%20AM.png?alt=media\&token=e79706fc-cc86-4cba-97a6-b16aa7e49ede)

* Padding between above input text and an input is 0px

![](https://2550662654-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LYJWnUT3lUFQk1K9BCK%2F-LqrrHssBI4Eqrhe65GQ%2F-LqryAfjhtZeGIJzLRF2%2FScreen%20Shot%202019-10-10%20at%204.19.40%20PM.png?alt=media\&token=822fd5b7-c1b6-45ee-a6bb-bd6f804639e5)

## Padding in groups

* 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://2550662654-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LYJWnUT3lUFQk1K9BCK%2F-LqrrHssBI4Eqrhe65GQ%2F-LqryluyVToyVhEoMBsN%2FScreen%20Shot%202019-10-10%20at%204.21.35%20PM.png?alt=media\&token=6e3324dc-ccee-4620-9592-648e2d13d6d7)

* Padding between two elements in a group is 20px

![](https://2550662654-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LYJWnUT3lUFQk1K9BCK%2F-LqrrHssBI4Eqrhe65GQ%2F-LqrzUQ1QJN_V_xFd1q3%2FScreen%20Shot%202019-10-10%20at%204.24.03%20PM.png?alt=media\&token=63dc398e-349a-48f6-bbb9-c572d780a5df)

## Padding in popups

* 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://2550662654-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LYJWnUT3lUFQk1K9BCK%2F-LqrrHssBI4Eqrhe65GQ%2F-Lqs--6_vvEaxaeNP8b6%2FScreen%20Shot%202019-10-10%20at%204.27.31%20PM.png?alt=media\&token=25fb631d-79a9-4eac-bf40-065ad535fed5)

* Padding between two elements in a popup is 15px

![](https://2550662654-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LYJWnUT3lUFQk1K9BCK%2F-LqrrHssBI4Eqrhe65GQ%2F-Lqs-DOQf0z0idoZMM60%2FScreen%20Shot%202019-10-10%20at%204.28.12%20PM.png?alt=media\&token=1894b560-2bf8-45d9-9bed-6ff25c04da44)