My mat dialog doesn't seem to expand the width of the container as I expected.
<div mat-dialog-title class="blue-gradient">Confirm</div>
<div mat-dialog-content>
{{information}}
</div>
<div mat-dialog-actions align="end">
<button (click)="closeDialog(true)">Yes</button>
<button (click)="closeDialog(false)">Cancel</button>
</div>
When I remove the padding from the mat-dialog-container, scroll bars appear on the right and bottom sides.
It makes me wonder why they didn't design the dialog title to automatically expand the width of the container. It would have been more intuitive.