Lemmy uses Bootstrap v4 framework. My knowledge of CSS is very limited so feel free to input anything.

Right now the navbar is good except for a small quirk. The elements on the right side are not vertically as you can see HERE.

I was able to fix this by editing the class for the notification bell element and removing mt-1. Now it looks like THIS.

But if I have an avatar, it becomes misaligned again. You can see it HERE.

I have been able to fix this by adding class my-n1 to the <img> element that houses the avatar image. The result looks like THIS. But adding negative margins seems hacky and the avatar is not vertically in the centre of the navbar anymore.

So if anyone has any ideas what to do with this, any input is appreciated.