Angular Material Overriding Default Style of SnackBar Component

Question

I am attempting to override the default max-width of the snackbar component in Angular Material.

The CSS applied by Angular Material is shown below:

.mat         


        

Answer 1

The way to go.

encapsulation: ViewEncapsulation.None

Here is a stackblick to demonstrate