фильтр ломает вёрстку слайдера slick.js

Сделал слайдер на slick.js

Пытаюсь сделать фильтр,но он ломает вёрстку

код фильтра:

$("#cat1-cb").change(function() {
  if ($("#cat1-cb").is(":checked")) {
    $(".category1").show();
  } else {
    $(".category1").hide();
  }
});
$("#cat2-cb").change(function() {
  if ($("#cat2-cb").is(":checked")) {
    $(".category2").show();
  } else {
    $(".category2").hide();
  }
});
$("#cat3-cb").change(function() {
  if ($("#cat3-cb").is(":checked")) {
    $(".category3").show();
  } else {
    $(".category3").hide();
  }
});

Как сделать что бы фильтр сдвигал элементы при сокрытии ? полный код: https://jsfiddle.net/cf353shk/9/