I am using react-slicker and nextui's Card component. Card has a isPressable prop, that is specified, it has a very nice ripple effect. However, I realize that when I enable isPressable, my slider is not scrollable any more. Does anybody know how to resolve this conflict?

return (
    <div className="slider-container max-w-6xl mx-auto">
      <Slider {...settings}>
        {list.map((item, index) => (
          <div className="p-2">
            <Card
              shadow="sm"
              key={index}
              **isPressable**
              isHoverable
              className="w-full"
            >