Tooltips are causing a horizontal scroll bar to show on my page.

[sgehrman]

If I show the tooltip once, it goes away.

How do I fix this?

[sgehrman]

tooltips on on those numbers in the white bubble thing.

[sgehrman]

[sgehrman]

left: 2693.21px is the problem.

<div data-testid="tooltip" tabindex="-1" class="absolute inline-block rounded-lg py-2 px-3 text-sm font-medium shadow-sm transition-opacity duration-300 invisible opacity-0 bg-gray-900 text-white dark:bg-gray-700" role="tooltip" id="floating-ui-0" style="position: absolute;top: 411px;left: 2693.21px;"><div class="relative z-20"><div class="flex flex-col items-center"><div>Number of sales</div><div>last 7 days</div></div></div><div class="absolute z-10 h-2 w-2 rotate-45 bg-gray-900 dark:bg-gray-700" data-testid="tooltip-arrow" style="top: -4px; left: 60px;">&nbsp;</div></div>

[sgehrman]

I switched to rc-tooltips....

[zoltanszogyenyi]

Hello @sgehrman,

I think that for your use case it's best to use the Popover component because it has a lot more content than just text.