React Slick half of previous and next slide

I'm trying to show half of the previous and next slide with react-slick, but I cannot find a viable way to do it with css. I tried to set the padding of the slick-list like this:

.slick-list {
  padding: 0 20% !important;
} 

But this only shows the previous slide, not both. Am i missing something regarding the width of each slide? Or is it a better way to do this feature?