CSSでhover時になぜか少しずれるときがある…対策

【CSS】transitionプロパティ使用時に、Chromeブラウザで1pxずれる現象を回避する | バシャログ。

backface-visibility: hidden;

これで謎のずれが消える。

backface-visibility - CSS: カスケーディングスタイルシート | MDN

なんで消えるんですかね…？裏側の可視状態を設定するものらしい。