[bug]: Sonner from shadcn bug in positioning

[cielhaidir]

Describe the bug

If I use the Toaster from shadcn/sonner, its position is incorrect. The text overflows outside the toast background, and there is excessive offset in the text alignment. But if i use Toaster directly from sonner, it fix the problem

Sonner :

Shadcn:

Affected component/components

Sonner

How to reproduce

1. Import and place Toaster from shadcn in layout.tsx
2. Use toast in page

Codesandbox/StackBlitz link

No response

Logs

System Info

Chrome on macos sonoma

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues