The HTML version of the per-site flair (intended for embedding via
<iframe>) seems to have originally been designed assuming a 16px favicon. However, the size of the actual favicon has since been increased to 32px. The extra vertical space this adds shoves the badges out-of-frame.
width="16" attribute to the element fixes the issue, albeit with some fuzziness.
My Beautiful Flair, Ruined!
My Beautiful Flair, Restored!