[Bug?] Header Icons Not Aligned Horizontally

yorkyang2333

So recently I have been building up a discussion site based on Flarum, but something weird happened.

As you can see the header icons are not aligned horizontally, and they look awkward. I'm not sure whether it's just a bug, or there's some issue during my configuration progress. I'm not using any custom headers, CSSs or sth like that. Can anyone help me? Thank you in advance!
PS: Log file for yesterday, when I discovered the issue, FYI.

luceos

yorkyang2333 what is the output of php flarum info?

treyb

yorkyang2333 I had the same issue and had to use this css, but it was just my draft button.

https://discuss.flarum.org/d/20957-friendsofflarum-drafts/344

// Draft Button Correction
    @media (min-width: 768px) {
        .Header-controls, .Header-controls>li {
            display: inline-block;
            vertical-align: top;
        }
    }