[Bug]: Tooltip width issue when text changes

[mxsoco]

Your email

miguel.soco@gov.ab.ca

Web components version

2.0

React or Angular components version

@abgov/react-components

Expected Behaviour

When interacting with a Copy button, the tooltip will appear first as "Copy" on hover. After clicking the button, the tooltip will change to "Copied". The expected behavior is to have the width and padding adjust to the amount of text.

Hover:

After clicking:

Actual Behaviour

When clicking the copy button, the size does not adjust to the amount of text when it changes to "Copied".

Replication Steps

1. Go to the Details Workspace demo.
2. Click on any of the "copy" buttons, i.e. the ID number on the header ('456 789 0123')

Stackblitz URL

No response

Jam.dev URL

No response

Additional context

No response