# align-controls

### `align-controls`

{% hint style="info" %}
**Version compatibility**

`align-controls` was introduced in version **4.86.1** of the JourneyApps Runtime.
{% endhint %}

**Optional**

**Type**: `center`|`left` | `right`

**Default**: `right`

Specify the alignment of the media component's controls.

#### Example - `align-controls` on `capture-file`

{% code title="main.view\.xml" %}

```xml
 <columns>
    <column>
        <info>align-controls="center"</info>
        <capture-file align-controls="center" bind="my_file" label="" downloadable="true" />
    </column>
    <column>
        <info>align-controls="left"</info>
        <capture-file align-controls="left" bind="my_file" label="" downloadable="true" />
    </column>
    <column>
        <info>align-controls="right"</info>
        <capture-file align-controls="right" bind="my_file" label="" downloadable="true" />
    </column>
</columns>
```

{% endcode %}

<figure><img src="https://2865107717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9TCHLR67eLHBOjPvHhud%2Fuploads%2FnwgYaFrIZRXvW3EoSt3P%2Fimage.png?alt=media&#x26;token=56fb9566-9323-4d33-83ca-02490ad99d7d" alt=""><figcaption></figcaption></figure>