Как исправить кривое отображение при переключении бутстрап табов?

Question

[L1nw0od]

Есть блок контакты (сделан бутстраповскими табами), в этих табах использую SLICK карусель.
Когда прогружается сайт - то все отображается как нужно, но когда происходит переключение между табами (контент отображается некорректно - (такое ощущение что не заданы размеры блоков), но как только нажимаем кнопку прокрутки карусели - все стает как и должно быть.

Ссылка на демонстрацию

Answer 1

[Дмитрий Христоев]

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: block;    /* undo display:none          */
    height: 0;         /* height:0 is also invisible */
    overflow: hidden;  /* no-overflow                */
}
.tab-content > .active,
.pill-content > .active {
    height: auto;      /* let the content decide it  */
}

Comments

[L1nw0od]

Отлично, добавил еще width: 100%; и все заработало