One issue I encountered was with a Dialog Box that has a blue top Bar using the mat-dialog class and styling from the mat-dialog-container. The default style of the mat-dialog-container was causing some problems before, but I managed to solve it by creating my own panel class and applying it to the dialog along with ng-deep.
::ng-deep .my-custom-dialog-class {
mat-dialog-container {
padding: 0;
}
}
While this fixed the padding issue, it led to a new problem - a scroll bar at the bottom of the dialog window, even though there is nothing to scroll. Is there a way to avoid this or another alternative to using ng-deep? The size of the form remained unchanged, only the padding was adjusted to 0 as shown in the screenshot below: