Анимация прокрутки для функции горизонтальной прокрутки

В настоящее время я пытаюсь изменить код, предоставленный мне другом, который увеличит или уменьшит расстояние прокрутки внутри div, нажав кнопку по обе стороны от div. Вот где я пока - код, который мне дали для привязки кнопки к div и действию, выглядит следующим образом:

document.addEventListener("DOMContentLoaded", function(e) {
  console.info("DOM loaded");
  var buttons = document.getElementsByClassName("right-arrow");

  for(var i = 0; i < buttons.length; i++){
    buttons[i].onclick = function(e){
      console.info(`Function fired on ${this.id}`);
      var the_scroller = this.closest(".scroller-gutter");

      the_scroller.getElementsByClassName('scroller')[0].scrollLeft += 120;
    }
  }

}, false);

Все, что я действительно хотел бы сделать, это добавить {behavior: "smooth"} где-нибудь, чтобы сделать анимацию onClick менее прерывистой и имитировать естественное поведение прокрутки, но я новичок в JS и понятия не имею, что делать.

Кроме того, когда я переставляю кнопки в блоке .scroller-gutter, функциональность иногда нарушается. Есть идеи, почему это может быть?