Facing overflow issue with react slick

I am using react slick for slider and that slider cards contain dropdown that have lot of options. When the dropdown is open half of the dropdown is cropped not able to view the full dropdown code pen: https://codepen.io/gtm18/pen/YzRdaML (demo with jQuery) $(document).ready(function(){ $('.carousel').slick({ slidesToShow: 3, dots:true, centerMode: true, }); });