[Bug][Firefox]: Long tooltip text results in tooltip offset to the left

[TiffanyAltieri]

Code of conduct

• I agree to follow this project's code of conduct.

Impacted component(s)

Tooltip

Expected behavior

Tooltip displays under a component, bottom center. Text in tooltip goes with natural language flow, LTR or RTL.

Actual behavior

When text is longer, tooltip shifts noticeably to the left in Firefox, though I suspect is misaligned in Chrome as well, its just not as noticeable. The JIRA bug reported only Firefox.

I can add text-align:center to a parent of the tooltip to produce the required centering, but it also centers the text, which is not what design is trying to achieve.

Screenshots

What browsers are you seeing the problem in?

Firefox, Chrome

How can we reproduce this issue?

1. Go to new.express.adobe.com
2. View the 4 cards in the middle
3. Hover to see tooltip

Sample code or abstract reproduction which illustrates the problem

Here is an example another Adobe member made: https://studio.webcomponents.dev/edit/WgpUmtCOjX0b62lSdUgd/src/index.ts?p=stories

A PR of my exact issue can be seen here [Adobe internal]:
https://git.corp.adobe.com/Horizon/hz/pull/98869

Severity

SEV 3

Logs taken while reproducing problem

No response

[TiffanyAltieri]

Related: #4734