# Margin / Padding

Margin and padding controls are a feature that allows users to adjust the spacing around a flow component. Margins control the space between the component and the surrounding elements, while padding controls the space between the component and its content. 

<figure><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FUDF48u6Uct0tcnSux0wN%2F2023-03-12_21-44-34%20(1).gif?alt=media&#x26;token=c6e387c1-91a9-442e-898e-0348d5540f12" alt=""><figcaption></figcaption></figure>