У неактивного слайда видна его тень, а так быть не должно, я пробовал это исправить, но у меня не вышло, что делать?

$(document).ready(function() {
  $('.customers__slider').slick({
    arrows: true,
    dots: false,
    accessibility: false,
    vertical: true,
    slidesToShow: 2,
    slidesToScroll: 1,
    autoplayspeed: 3000,
    adaptiveHeigth: true,
    slidesPerRow: 1,
    rows: 1,
    extArrow: '<button type="button">class="slick-next"</button>',
    prevArrow: '<button type="button">class="slick-prev"</button>',
    responsive: [{
      breakpoint: 768,
      settings: {}
    }]
  });
})

.slick-slider {
  .slick-list {
    overflow: hidden;
  }
  .slick-track {}
  .slick-slide {}
  .slick-dots {
    li {
      button {}
      &.slick-active {
        button {}
      }
    }
  }
}

.customers__slider {
  .slick-track {
    display: block;
  }
  .slick-list {
    overflow: hidden;
  }
  .slick-slide {
    .slick-current {
      box-shadow: none;
    }
  }
}


/*====стили слайда====*/

.slider {
  &__item {
    display: flex;
    margin-left: 100px;
  }
}

.item {
  &__logo-customer {
    display: flex;
    align-items: center;
    margin-top: 85px;
    margin-right: 30px;
  }
  &__coment {
    padding: 30px;
    background-color: #ffffff;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    &:nth-child(2) {
      margin-top: 40px;
    }
  }
}

.coment {
  &__title {
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
    color: #061e37;
  }
  &__text {
    margin-top: 10px;
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
    font-style: italic;
    color: #78909c;
  }
}