Баг в браузерах при работе transform translate?

Коллеги, я в замешательстве. Указываю transform: translate(x,y) для ::after и при ховере меняю положение элемента по вериткали с помощью translateY(y). Но положение меняется и по горизонтали (сразу хочу сказать, что если меняю также с translate(x,y) то все нормально). Смотрю инспектор, итоговые стили почему-то преобразовались в transform: matrix. Сможете объяснить такое поведение? Так работает именно для псевдоэлементов, пример тут.