Context menu icons get cut off

The bottom of the menu icons for Context Menus get cut off. (tried in Edge and Chrome)
https://w2ui.com/web/demos/#/combo/12

If we change the display attribute to block instead og inline-block, it seems to fix the issue.

[class*=" w2ui-icon-"]:before, [class^=w2ui-icon-]:before {
font-family: w2ui-font;
display: block;
vertical-align: middle;
line-height: 1;
font-weight: 400;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}