javascript - Merkelig oppførsel med scrollIntoView på nettstedet mitt

Jeg holder akkurat på å fullføre nettsiden min laget med React og TypeScript, og jeg la merke til merkelig oppførsel med navigasjonsfeltet mitt. Jeg bruker element.scrollIntoView for å flytte skjermvisningen til en spesifikk del av nettsiden ved hjelp av elementets id, men noen ganger ruller det bare litt ned og stopper der, mens det i de fleste tilfeller fungerer helt fint.

Nettstedet er live her:
https://neidz.github.io/photography_agency/

Delen av koden som er ansvarlig for scrolling er her:
https://github.com/Neidz/photography_agency/blob/master/src/Sections/Navbar/navbar.tsx

For å gjenskape den oppførselen, klikk bare på en av knappene i navigasjonen øverst, og det bør skje på kanskje 3 forsøk.