Cursor: Pointer not working consistently when hovering element

I have no idea why this is not working but I have my cursor set to pointer on hover for the large buttons on my page and ‘pointer’ is not working consistently. Whenever I hover toward the top of the screen and back down on the elements, the cursor is only showing the default.

I’ve tried everything and this even happens when there is only one div on the entire page with the same hover settings. It seems to only be an issue when hovering around the top of the viewport.

I made this Loom to show you what I mean: