get rid of white space around angular material modal dialog

1import {ViewEncapsulation} from '@angular/core';
2    
3@Component({
4  .....,
5  encapsulation: ViewEncapsulation.None 
6})
7

1.mat-dialog-container {
2    padding: 0px !important;
3}
4

1.custom-dialog-container .mat-dialog-container {
2    /* add your styles */
3}
4

1this.dialog.open(MyDialogComponent, { panelClass: 'custom-dialog-container' })
2