[material-ui][Tooltip] Repositioning happening after the initial load

[dwjohnston]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Link to live example:

https://codesandbox.io/s/mfmmvq?file=/Demo.tsx

This is just the straight codesand box from the docs here:

https://mui.com/material-ui/react-tooltip/#basic-tooltip

Mouse over the icon and see that there is a slight repositioning after the tooltip comes in.

Code Sandbox:

Screen.Recording.2023-09-20.at.11.24.38.am.mov

Curiously enough, it only happens on the CodeSandbox (also my environment), not on the Mui website.

Mui Website:

Screen.Recording.2023-09-20.at.11.54.23.am.mov

Current behavior 😯

There is a slight reposition after the tooltip appears.

Expected behavior 🤔

There should not be a reposition.

Context 🔦

It's bugging me.

Could be related to this issue: #8040

Your environment 🌎

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

[refugedesigns]

Please assign this to me

[Wissperwind]

I have a problem with the tooltips, too. It looks a bit different. It appears in my code and on the demo page:
https://mui.com/material-ui/react-tooltip/
The box appears with an additional line of grey pxels at the bottom. And after a glimps that line of pixels disappears and the box becoms it's final size. This is the best I can describe it in words.

[mleister97]

Any updates on this one?