Vertical Nav Bar combined with snap scrolling


I am likely just making a dumb mistake…but I’m setting up a homepage with 5 sections at 100vh which I have embedded a code so that each will snap scroll. My issue arises when adding a vertical nav bar using only dots which I hope to have filled in ONLY when in the current state of each section. Currently all the nav dots think they are in the current section so they aren’t changing as you scroll down the page. I am guessing that this issue maybe caused because of having to keep my sections inside a wrapper for the snap scrolling to work? Is there a simple fix for this?

Thank you!