Tremor Version

3.17.2

Link to minimal reproduction

https://stackblitz.com/edit/stackblitz-starters-phbnaf?file=app%2Fpage.tsx

Steps to reproduce

• Create at least two charts on the same page next to each other
• Make the text on the tooltip from the chart on the left longer than the chart width so that it overlaps with the chart on the right
• You should see that the tooltip shows above all elements of its own chart but it appears to have a transparent background above the chart on the right

Obviously, the smaller the screen the more apparent this bug is as long as there are at least two charts next to each other.

What is expected?

I would expect that the tooltip zindex is set to a very high value so that it's always above all elements including other charts

What is actually happening?

The tooltip's content is half hidden behind the surrounding chart.

Please watch the following loom video for a clearer view of the issue: https://www.loom.com/share/06788a5787c0476db3d2b6bc880eb246?sid=be9da96c-683e-4859-b7a3-8316a087bd62

What browsers are you seeing the problem on?

Chrome

Any additional comments?

No response