I've been trying to click an element with this:

cy.getByDataCy(ELEMENT).scrollIntoView().click({scrollBehavior: false, position: 'top'});

When I check the Cypress dashboard, the hitbox seems to try to click the correct element, as shown here

Now, for some reason it doesn't click, so I try adding

force: true

When I run this, the hitbox is now trying to click at the open area below the button, as shown here

I've tried using the different positions for the click and scroll, as well as other config such as the scrollBehavior, waitForAnimations, etc. Can someone figure this out? Been stuck for around 4 hours.

Thanks!