title: How to align button right inside Dialog angular material?
body: <p>I want align button right corner of the dialog below is my html</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div mat-dialog-content&gt;
      &lt;p&gt;What's your favorite animal?&lt;/p&gt;
      &lt;mat-form-field&gt;
          &lt;input matInput [(ngModel)]=&quot;data.animal&quot;&gt;
      &lt;/mat-form-field&gt;
  &lt;/div&gt;
  &lt;div mat-dialog-actions&gt;
  
      &lt;button mat-button [mat-dialog-close]=&quot;data.animal&quot; cdkFocusInitial&gt;Ok&lt;/button&gt;
  &lt;/div&gt;
  
  &lt;a href=&quot;https://stackblitz.com/edit/angular-ksmixt?file=app/dialog-overview-example-dialog.html&quot;&gt;demo&lt;/a&gt;
  </code></pre>