Tooltip in Settings page is not readable

[ecgan]

Describe the bug:

This issue is reproducible with:

• https://github.com/woocommerce/pinterest-for-woocommerce/releases/tag/1.3.24 with https://github.com/woocommerce/woocommerce/releases/tag/8.7.0.
• https://github.com/woocommerce/pinterest-for-woocommerce/releases/tag/v1.4.0 with https://github.com/woocommerce/woocommerce/releases/tag/8.8.0-rc.1
• This issue does not happen with WordPress 6.3. It started happening in WordPress 6.4.

In the Settings page, when we hover the mouse cursor over the "?" tooltip icon, a tooltip will be displayed, but the text are not easily readable. See screenshot below:

When we hover the mouse cursor over the "Sync" button at the top of the page, the tooltip text are not readable too, and it expands and pushes down the content of the page.

Steps to reproduce:

1. Go to Settings page: /wp-admin/admin.php?page=wc-admin&path=%2Fpinterest%2Fsettings
2. Hover the mouse cursor over any "?" tooltip icon.
3. Hover the mouse cursor over the "Sync" link button at the top of the page.

Expected behavior:

Tooltip text should be displayed and readable.

Actual behavior:

Tooltip text is not readable.

[ecgan]

This issue does not happen with WordPress 6.3. It started happening in WordPress 6.4.

[ecgan]

I have added tooltip UI issue with the "Sync" link button into the issue description.