How to fix owlCarousel's abrupt scrolling?

Question

css

There is a slider consisting of five elements.

When you click on one of the slides (Nokia), or rather, at the edges and several times, all elements sharply go to the left, except for Nokia

. When moving the slider with the mouse, this effect is not observed.
The slider code looks like this

$('.brands-carousel').owlCarousel({
    items: 5,
    navText: ['<img class="brands-nav brands-prev" src="local/templates/phonezone_new/assets/img/icons/carousel-arrow.svg" alt="">', '<img class="brands-nav brands-next" src="local/templates/phonezone_new/assets/img/icons/carousel-arrow.svg" alt="">'],
    responsive : {
      0 : {items: 1 },
      480 : {items: 2 },
      768 : {items: 3 },
      992 : {items: 4 },
      1140 : {items: 5 }
    }
  });

How to fix this error?