diff --git a/src/material/snack-bar/snack-bar-container.scss b/src/material/snack-bar/snack-bar-container.scss index f2ffe71c8a0b..e66e93884e24 100644 --- a/src/material/snack-bar/snack-bar-container.scss +++ b/src/material/snack-bar/snack-bar-container.scss @@ -30,13 +30,15 @@ $fallbacks: m3-snack-bar.get-tokens(); } .mat-mdc-snack-bar-container { - display: flex; - align-items: center; - justify-content: center; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 8px; + // Note: ideally we would put this on the label, + // but it ends up breaking somewhat breaking internally. + max-height: 50vh; + overflow: auto; + .mat-mdc-snack-bar-handset & { width: 100vw; }