bug(mat-snackbar): Snackbar line breaks are not alligned correctly (only Safari)

[RobinBomkamp]

Description

This image shows that the second line of the snackbar is misaligned. Moreover this can only be reproduced in a Safari browser.

Reproduction

1. Go to https://material.angular.io/components/snack-bar/overview on your Mac and the Safari browser
2. Edit the text so it is line wrapping.
3. Open the snackbar.

Expected Behavior

It should be aligned like in chrome.

Actual Behavior

The second line is misaligned.

Environment

Angular CLI: 15.0.4
Node: 18.12.1
Package Manager: npm 8.19.2
OS: win32 x64

Angular: 15.0.4
... animations, cli, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package Version

@angular-devkit/architect 0.1500.4
@angular-devkit/build-angular 15.0.4
@angular-devkit/core 15.0.4
@angular-devkit/schematics 15.0.4
@angular/cdk 15.1.2
@angular/material 15.1.2
@schematics/angular 15.0.4
ng-packagr 15.0.3
rxjs 7.5.7
typescript 4.8.4

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}