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

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:

https://github.com/mui/material-ui/assets/2467377/d0b35037-0550-4899-a55f-a357ba371a2d

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

Mui Website:

https://github.com/mui/material-ui/assets/2467377/4b497131-117a-48c1-a89e-164dbeecf1a6

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: https://github.com/mui/material-ui/issues/8040

Your environment 🌎

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

Reproduce the behavior in the linked CodeSandbox using the basic Tooltip example from the Material UI documentation, then compare it with the Mui website recording. Start with Demo.tsx and the Tooltip example; the work is done when the tooltip no longer repositions after appearing in the reported environment.