Suggested actions with word wrap and max height is off on macOS Safari

[compulim]

Screenshots

This is on macOS Safari.

This is on Windows with Edge/Chrome.

This is on IE11.

Version

R12 candidate.

Describe the bug

Given the following style options are set, if the content of the suggested actions is larger than the button itself, it display differently between Edge/Chrome and macOS Safari.

suggestedActionLayout: 'stacked',
suggestedActionHeight: 40,
suggestedActionsStackedLayoutButtonTextWrap: true,
suggestedActionsStackedLayoutButtonMaxHeight: 55

Steps to reproduce

1. Go to https://corinagum.github.io/WebChat-release-testing/01.create-react-app/index.html?customization=suggested-actions-multiple-lines&buttonHeight=true

Expected behavior

Suggested actions on all platforms should appears the same.

Additional context

[Bug]

[corinagum]

This will be hard for me to work on since I don't have a mac. We'll have to coordinate later on.