🐛 [BUG] - Toast Message Partially Hidden by Header Due to Z-Index

[Gautam25Raj]

Expected Behaviour

Toast messages should display entirely and clearly above all other content on the page.

Current Behaviour

Toast messages are appearing partially obscured by the website header. This is because the header element has a higher z-index value than the toast element, causing the header to visually overlap the toast. As a result, approximately 25% of the toast content is hidden from view.

Reproduction steps

1. Trigger an action that displays a toast message (e.g., Changinig your display name in Push Chat).
2. Observe the toast message on the screen.
3. Notice that the top portion of the toast message is hidden behind the website header.

Screenshots

Relevant Logs

No response

Dapp Env

Prod (app.push.org)

Browsers

Chrome

[rahulsingh3526]

can you assign the task to me ?