How do I make mat dialog content scroll all the way to bottom

See more:

Angular10

So i have a mat dialog content with a scrollbar but the problem is i cant scroll all the way down to see the mat dialog actions which are 2 buttons.

Right now this is the current code

<pre>
<mat-dialog-content style="margin-left: 50px; width: 500px;" class="many-inputs">
    <div class="modal-headerPermission" style="width: 600px;">
    <h1  style="text-align: center; "class="modal-title" mat-dialog-title trans>
         Select Customers
    </h1>
        <button style="margin-left: 600px; margin-top: 0px;" type="button" 
        (click)="close()" class="close-button no-style" tabindex="-1"><mat-icon 
         svgIcon="close"></mat-icon></button>
    </div>
    
   
        <form (ngSubmit)="confirm()" ngNativeValidate>
           <ul class="unstyled-list selection-list" style="text-align: center;">
                <li class="list-item" *ngFor="let role of allCustomers$ | async">
       <div class="list-item-header (click)="selectionModel.toggle(role)"matRipple *ngIf="role.username !='admin' ">
          <div class="meta" >
           <div class="list-item-name">{{role.first_name +" " +role.last_name}}</div>
        </div>
          <mat-pseudo-checkbox [state]="selectionModel.isSelected(role) ? 'checked' : 'unchecked'" *ngIf="role.username !='admin' "></mat-pseudo-checkbox>
                 </div>
                   </li>
           </ul>
           
      <mat-dialog-actions style="box-sizing: border-box">
        <button (click)="close()" mat-button type="button" trans>Cancel</button>
        <button type="submit" mat-raised-button color="accent" trans>Update</button>
      </mat-dialog-actions>
        </form>
    </mat-dialog-content>

What I have tried:

I have tried making the entire page mat dialog content but it still doesnt work.