[Bug]: MessageBar component has extra padding to the right when it is not dismissable

[rickixie]

Component

MessageBar

Package version

3.0.0-beta.79

@microsoft/fast-element version

2.1.0

Environment

microsoft fabric web component

Current Behavior

There's an extra space to the button when the messagebar is non-dismissable, the correct padding should be 12px based on the Figma spec:

Expected Behavior

Expected design:
https://www.figma.com/design/bKlUyX5FpvpiVelldHdYtI/MessageBar?node-id=1799-1343

Reproduction

https://web-components.fluentui.dev/?path=/docs/components-messagebar--docs

Steps to reproduce

Not sure how to reproduce but please see the component above from our web component wrapping the fluent web component.

Are you reporting an Accessibility issue?

None

Suggested severity

Medium - Has workaround

Products/sites affected

No response

Are you willing to submit a PR to fix?

yes

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.