Dropdown menu has extra whitespace below list | Lexicon CSS

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.0.X
• Fix Version/s: 7.0.0 DXP FP47, 7.0.0 DXP SP8, 7.0.X, 7.1.0 Beta 2
• Component/s: UI Taglibs
• Labels:
  • ee-7.0.x-only
  • liferay-digital-enterprise-70-sp8
  • liferay-fixpack-de-47-7010
• Branch Version/s:
  7.0.x
• Backported to Branch:
  Committed
• Fix Priority: 3
• Git Pull Request: https://github.com/liferay/liferay-portal-ee/pull/6858

Description:
This bug was discovered while testing LPS-78438 and LPS-79271 in 7.0.x. Only reproducible following the steps below after LPS-78438 and/or LPS-79271 have been committed to 7.0.x

The dropdown menu has unnecessary whitespace below the elements in the list. See screenshot below for details.

I believe this is a CSS issue coming from Lexicon CSS. https://github.com/liferay/clay

Steps to reproduce:
Gist: Create enough web content to generate several different pages with an ellipsis shortcut.

1. Create 26 Basic Web Content Articles
2. Within the Web Content site admin change the view entires per page to "5 Entries"
3. Click on the ellipsis in the page selector at the bottom right of the screen when you are on page 1.
4. Additionally go to last page (in this case, page 6); click on the ellipses in the page selector when you are on the last page.

Expected Result:
There is no extra whitespace below pages 4 and 5 in the dropdown menu or no extra whitespace below pages 2 and 3 in the drop down menu depending on step 3 or 4 above.

Actual Results:
There is a large empty white space with in the dropdown menu below the page 4 and 5 selector list or below the page 2 and 3 selector list depending on step 3 or 4 above.

7.0.x:
Reproduced. GitId: fede9d19983c34de31ab1cc061ce29cde3e688c0 with LPS-78438 backported on top of that commit.

Master:
Not Reproducible.