Как убрать глюк в IE и Edge?

При запуске в фидле Run в IE происходит сдвиг влево на 15 px Logo, это только в ie, edge, в хроме и опере все норм. Я выяснил, что это происходит из-за того-что в бутстраповских стилях есть:

@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}

Получается, что transition:all влияет на margin-left: -15px; в navbar-brand, но ПОЧЕМУ, если я указываю transition для селектора a????
https://jsfiddle.net/kkoshakk/tr3e2rd5/7/