Mouse-over of Localization Flags displays a small black box without any text

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.1.0 CE GA1, 7.1.X, Master
• Fix Version/s: 7.1.10 DXP FP3, 7.1.1 CE GA2, 7.1.10.1 SP1, 7.1.X, Master
• Component/s: Forms
• Labels:
  • Front-end-forms
  • QA-V
  • STAB_TST_JA
  • fw_test_not_needed
  • liferay-dxp-71-sp1
  • liferay-fixpack-dxp-3-7110
• Branch Version/s:
  7.1.x
• Backported to Branch:
  Committed
• Story Points: 1
• Fix Priority: 3
• Sprint: F&W Sprint 5
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/63040
• Bug Type: UX / Visual - Desktop

Summary
After creating a new form, when placing the mouse cursor over the language flag, a small black box appears instead of the tooltip text.

Steps to Reproduce

1. Go to Product Menu > Liferay DXP (Site) > Content > Forms
2. Click on New Form button
3. Mouseover Default Language flag icon (i.e. English (United States))
4. Observe the tooltip

Actual Results
Black box without any text displays as the tooltip

Expected Behavior
Tooltip data is displayed on mouseover.

Reproduced in
7.1.x Private Commit: 815320372a34faa0ccd0ed1d4989af7d1502c5e6