Slider does not work - elements are displayed all below each other

Unfortunately, all elements are displayed and one below the other. See screenshot below.
This view bug occurs on the following versions of Microsoft Edge and Google Chrome

_Microsoft Edge Version 87.0.664.66 (64-Bit)
Google Chrome Version 87.0.4280.88 (64-Bit)_

I use the following settings for React Slick:

```
const settings = {
dots: false,
infinite: true,
speed: 500,
slidesToShow: 1,
slidesToScroll: 1,
prevArrow: ,
nextArrow: ,
afterChange: (current) => setCurrentSlide(current),
};
```

The slider is structured as follows:

```

```

_Notice that I've changed the name of the SVG Component to SomeSVG._


It works well on the MacBook with the Google Chrome Version 87.0.4280.141 and Safari.