Correct vertical alignment of notification text and icons.

[arpee]

Number in notifications appear too high in the 'bubble'.

Similarly icons in circles are not vertically centered:

Make sure that the solution does not break other line heights for icons or text:

These are correct right now:

[f8daniel]

It doesn't look like that on my PC in either Firefox or Chrome at different screen sizes and ratios. I double checked all the css definitions, every bubble is a flex box, vertically and horizontally centered. The issue is that in the fonts we use, every letter, every number, every icon has a slightly different width and height that the browser has to interpret