Missing dropdown arrow symbol in IE11 - Upgrade clay-css to 2.22.2

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.1.X, 7.2.X
• Fix Version/s: 7.1.10 DXP FP22, 7.1.X, 7.2.10 DXP FP11, 7.2.10.4 DXP SP4, 7.2.X
• Component/s: Liferay Themes
• Labels:
  • ee-ts
  • liferay-dxp-72-sp4
  • liferay-fixpack-dxp-11-7210
  • liferay-fixpack-dxp-22-7110
• Branch Version/s:
  7.2.x, 7.1.x
• Backported to Branch:
  Committed
• Fix Priority: 3
• Git Pull Request: https://github.com/liferay/liferay-portal-ee/pull/22822

Issue
Dropdown menus are missing the arrow symbol on IE11 browsers. This issue does not happen on other browsers.

Steps to Reproduce

1. Access the Liferay application using Internet Explorer 11
2. Go to Control Panel > Users > Users & Organizations > Organization
3. Create a new Organization, and check the Country field of the screen

Actual Behavior
Assert that the Dropdown menu does not have an arrow symbol indicating that the field is indeed a dropdown menu.

Expected Behavior
As observed in Firefox, Chrome and Safari, the dropdown menu's arrow icon is being displayed on the far right hand of the menu.

Reproduced on