ScrollArea in Navbar and tooltip not showing

[civic vector]

https://codesandbox.io/s/sparkling-sea-85xbwo?file=/src/App.tsx

1. Trying to modify the mantineUI example to fit nextjs. From my fiddling, <Link> from Next break tooltips, but even if it didn't, scrollarea breaks it also. Neither allows the tooltip to show. ScrollArea "encloses?" tooltip from what i can tell when i change <Navbar p="md" > to p="sm", you can see 1px of the tooltip. I also don't know how to add next to sandbox.

2. Adding ScrollArea to a slim/minimized navbar size adds a scrollbar and an unintended additional width. Adding type="never" to <Navbar.Section> hides the bar, but still creates added width that create horizontal scrolling / cutting into the button icon.

3. If I have css questions like why do images render on top of things or how do i determine height for paper, etc. Can I ask here or ask in another discord?

[flint cypress]

https://codesandbox.io/s/magical-cherry-w8p0iw?file=/src/App.tsx:2388-2398

[civic vector]

@flint cypress got next Link into original sandbox, withinportal fixes example buttons but still doesn't work with Link version.