После инициализации плагина для скролбара элементы сужаются в ширину. Как это исправить?

Вот макет

Вот что получается на самом деле

Вот код html

<div class="scroll_x">
    <div class="scrollbar_tables">
        <div class="scroll_thumb">
        </div>
        <div class="scroll_thumb">
        </div>
        <div class="scroll_thumb">
        </div>
        <div class="scroll_thumb">
        </div>
        <div class="scroll_thumb">
        </div>
        <div class="scroll_thumb">
        </div>
    </div>
</div>

Вот CSS

.scrollbar_tables {
    display: flex;
    display: -webkit-flex;
}

.scroll_thumb {
    width: 186px !important;
}

Правило width: 186px !important не срабатывает

Вот инициализация плагина

$(".scroll_x").mCustomScrollbar({
    axis:"x"
});

Ссылка на плагин SCROLLBAR

Как сделать ширину карточек такой как на макете?