Markers aren't staying over the map layers

[JackH11]

I'm running NextJS and React 19. When trying to display markers in accordance with this example I'm finding that the markers aren't staying above the map here: . When zooming in and out of the map, the markers seem to distort with the zoom which indicates the layers are off to me

. Is anyone able to advise? Thanks!

[JackH11]

I resolved this issue by adding this line to the top of my file: import "mapbox-gl/dist/mapbox-gl.css";