Tooltip misplaced when its content change

[markov00]

Similar to #996

We have this PR elastic/kibana#33107 where we change the text and the icon of a button with a tooltip on each click event (https://github.com/elastic/kibana/pull/33107/files#diff-ff73d44eb7d5b75815d6758b0ff0abd4R93).
The effect when you continue to click on the button is the following:

cc @chandlerprall as you previously fixed this

Steps to reproduce:

• pull the PR [TSVB] add controls to toggle disable/enable individual series and annotations kibana#33107
• create a new TSVB visualization
• toggle on/off the series eye button

note if you add a second series it behave correctly:

[thompsongl]

I see a couple things:

1. This is an available horizontal space problem, possibly left area only. (i.e., change padding on the .tvbSeriesEditor panel to 8px 16px and the problem goes away). Adding a second series fixes it because 2 more icons are added to the row.
2. The position calculation is different on initial render vs. subsequent renders with the same data (i.e., the 'Temporarily Disable' tooltip is a different size after two clicks)

Janky test case to illustrate: