Horizontal alignment of expand/collapse-icons and their associated texts is offset

Problem description 

When viewing a page that contains the "Expand" macro, the "v"-icon of the expanded view seems to be placed too low compared to the text right next to it. When the macro is collapsed, the ">"-icon seems to be aligned properly (although maybe not pixel-perfect).

When looking at the sidebar, the "v"-icon of expanded parent pages, seems to be aligned properly whereas the ">"-icon of collapsed parent pages seems to be placed too high compared to the text.

On the "Reorder Pages"-screen it's the other way around again, "v"-icons are placed too low, ">"-icons seem to be ok.

Environment

Tested with Internet Explorer 11, Firefox and Chrome with the zoom level set to 100%.

Expected behavior

The icons should align properly, i. e. the tips of the icons should always be positioned at half-height of their associated texts, regardless of whether they are expanded or collapsed.

Actual behavior

Using IE11, it's possible to highlight not only the text but also the icons by pressing Ctrl+A. This shows that the icons are never centered but rather stick to either the top or the bottom border of their associated texts.

Please see the attached screenshots.