为何点击链接的时候，旁边的图标会出微小的偏移？

Question

强迫症表示受不了，图片如下，网址是这里

在点击导航栏的几个链接时，左边切换主题的小太阳图标会上下偏移，虽然幅度很小目测在1像素左右，但还是想找到原因和解决方法。

浏览器是最新版的macos 12.2.1下的最新版Chrome，我也测试了Safari，Firefox都有这个问题，看来是我的css写的有些问题。

Answer 1

把button上的line-height去掉（原因不明，不过有了flex，好像行高也不是那么重要了

Answer 2

移除掉图标上面的line-height设置试试，多半是它引起的。