I am having some issues with Angular and their `mat-grid-list` / `mat-grid-tile` alignment.

My current html looks like this:

```
<mat-grid-list cols="2" rowHeight="50px">
        <mat-grid-tile>
            <app-filter></app-filter>
        </mat-grid-tile>
        <mat-grid-tile>
        <button mat-raised-button color="primary">
            <mat-icon>document_scanner</mat-icon>
            <span>Export as CSV</span>
        </button>
        </mat-grid-tile>
</mat-grid-list>

```

Which looks like this in the browser:

[![enter image description here](https://i.stack.imgur.com/ACBRA.png)](https://i.stack.imgur.com/ACBRA.png)

However, I would like the first grid column to be aligned to the left and the second grid column aligned to the right.
Is that possible?