Dismissal button is misaligned on Toast when the content appears in more than one row

[gundahimaja]

Provide a general summary of the issue here

When content occupies more than a row in a toast with action button, observing that the dismissal button appears misaligned.

🤔 Expected Behavior?

Dismissal button should be aligned.

😯 Current Behavior

Dismissal button appears misaligned.

💁 Possible Solution

No response

🔦 Context

No response

🖥️ Steps to Reproduce

1. Use ToastContainer with ToastQueue with action button of any variant with text such that more than one row is required. Example: info variant with text as "An Update is available in the app." with Update Action button.
2. Observer the dismissal button.

Version

1.0.0

What browsers are you seeing the problem on?

Chrome

If other, please specify.

All browsers, issue is not browser specific.

What operating system are you using?

MACARM

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

[DEVANSHBANSAL789]

Hi
I’d like to work on this issue.
From my understanding, when the toast message goes into multiple lines with an action button, the dismissal button becomes misaligned likely due to layout or flex alignment inconsistencies in the Toast component.
I plan to fix the layout so the dismissal button stays properly aligned.
I’ve started looking into the code so I can fix it soon.