The “Text Color/Fill” color pickers are overlapping each other.

When the user selects the “Text color and then the Fill color” color pickers both objects are overlapping each other.

-Env:
Device: MacBook Pro
Google Chrome Version 60.0.3112.101 (Official Build) (64-bit)


REPRODUCIBILITY LEVEL:
====================
Always
STEPS:
====================
Steps
1.Open the Liferay APP with the Collaboration portlet.
2. Using the window logged with user 1, Click on the “Add a Rectangle” icon.
3. Click on the Fill button and select a color.
4. Click on the “text color” icon.

CURRENT RESULT:
====================
 The “Text Color/Fill” color pickers are overlapping each other.

EXPECTED RESULT:
====================
 The “Text Color/Fill” color pickers should not overlapped each other, opening one should closed the other color picker if it is open or should be displayed in a way that one color picker does not overlap the other one.