Fade works on drag, but not when clicking arrows?

[stephenmeehanuk]

Hi,

When I click and drag a slide, it fades. But when I click the next or prev arrows the next slide appears without fading?

These are the options I'm using

        type: 'fade',
        speed: 800,
        rewind: true,
        keyboard: true,
        pagination: false,
        classes: {
          arrow: "splide__arrow bg-white hover:bg-gray-200"
        }

Isthere anything I can add to make slides fade when clicking the arrows, pagination dots or thumbnails?

Example here
https://codepen.io/stephenmeehan/pen/OJBJjwO