Moving dots to the top disable swiping?

I have this slider that works, both clicking the arrow and swiping.
But if I move the dots to the top instead of the bottom, I can't swipe anymore. It still works with the arrows.

This is how I'm importing the css

```


```
And this is how I'm moving the dots to the top.
```
const settings = {
dots: true,
infinite: true,
speed: 500,
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
};
return (

...

```