Mat-dialog-action: buttons stack improperly on smaller screen

[ruchajakhotiya]

What is the expected behavior?

On smaller screen it should stack with proper alignment

What is the current behavior?

Buttons stack on smaller screen, but alignment is off.

What are the steps to reproduce?

Providing a StackBlitz reproduction is the best way to share your issue. https://akknxgelrke.angular.stackblitz.io/

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

7.3.1

Is there anything else we should know?

This is due to following code in https://github.com/angular/material2/blob/master/src/lib/dialog/dialog.scss

.mat-button + .mat-button,
  .mat-raised-button + .mat-raised-button,
  .mat-button + .mat-raised-button,
  .mat-raised-button + .mat-button {
    margin-left: $mat-dialog-button-margin;

    [dir='rtl'] & {
      margin-left: 0;
      margin-right: $mat-dialog-button-margin;
    }
  }

[josephperrott]

It looks like the link to the stackblitz is no longer working. Could you provide a new link to the reproduction?