Message Bar styling differs to figma and v3

[FabLax]

Prerequisites

• I have read the Contributing Guidelines.
• I have not leaked any internal/restricted information like screenshots, videos, code snippets, links etc.

What happened?

Message bar is truncating text and showing the action button next to text, not right aligned.

Figma:

IX v4:

What type of frontend framework are you seeing the problem on?

Angular (Standalone)

On which version of the frontend framework are you experiencing the issue?

any

Which version of iX do you use?

v4

Code to produce this issue.

1) add longer text to message bar
2) use shorter text and show action button

[github-actions]

🤖 Hello @FabLax

Your issue will be analyzed and is part of our internal workflow.
To get informed about our workflow please checkout the Contributing Guidelines

JIRA: IX-3640