bug: Toast responsive

[robsontenorio]

Reproduction URL (Required)

https://play.tailwindcss.com/gKJHT51AeX

What version of daisyUI are you using?

v5.0.9

Which browsers are you seeing the problem on?

Safari

Describe your issue

<div class="toast">
  <div class="alert alert-info">
    <span>This is a very very very very long message. It will not fit nice on mobile size.</span>
  </div>
</div>

[github-actions]

Thank you @robsontenorio for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.

[robsontenorio]

Is this safe or will you come up with another solution?

<div class="toast !whitespace-normal"> .... </div>

[robsontenorio]

@saadeghi additionally , on small screens, it does not really center.

<div class="toast toast-top toast-center">
</div>