Finsweet custom slider dots issue

Here is my site Read-Only: (Webflow - Faris's Gaming site)
Im having issues with my custom slider dots while using finsweet tutorial, the slider dots im trying to use are just divs with certain gradient, but when i publish the page what appears on my site are elliptic shapes stuck on the left one under each other instead of just being one next to each other under the slider.

It’s supposed to look like this