SwiperJS bullets turning into ovals

I’m redesigning the Lyft website just for webflow practice, and used SwiperJS for the first slider (the testimonials). Everything about it works great, EXCEPT… the bullets are oval instead of circles.

It happens when I set the bulletElement as a “button” in the JS file. However, I want the bullet to be a button so the cursor changes. The bullets appear normal if I remove the bulletElement code.

How do I enable the bullets as a button without them turning into ovals? I can’t figure out why it’s happening.

Thank you!


Here is my site Read-Only: LINK
Here is my codeSandbox for SwiperJS 2)