Custom Cursor issue - moves to edge of screen

Design help Custom code
1

Hi everyone!

I am having a bit of an issue with my custom cursor.
The issue is that whenever there is a clickable element near the edge of the viewport (under approx. 80px from the edge), the custom cursor moves to the nearest edge of the viewport. The mouse underneath is still in the same position, as when you move the custom cursor jumps to the same point again.

It’s a strange bug, but I hope someone can help!
Only code I’m using is:

.cursor-wrapper {pointer-events: none;}

Please let me know if there’s any way around this.

Thank you!
Frazer

Here is my site Read-Only: LINK
(how to share your site Read-Only link)