SharePoint 2013 Branding: Bug in the Order Arrows in List Headers

If you work with SharePoint branding long enough you'll find these small bugs here and there. I try to keep a starter CSS file where I keep all these small fixes, among other things.

If you also keep one, add this fix to yours. If you don't start one right now.

So this is the issue. When you're on a list and hover over the header row an arrow will appear to show that the column has some extra options. In Chrome and Firefox the arrow appears bellow the header row:

This code should fix this, and keep it working perfectly in IE.

.ms-headerSortArrowLink {
    display: inline-block;
}

Related articles