Clicks only work on the center of elements, what's happening?

I'm using React-Beatiful-DnD, as shown in the attached GIF, clicks only work on the center of the elements. I want clicks to also work on the edges of elements...

In this case, what keywords should I search for to solve the problem?

My code is as follows (simplified)

<div {...dragableHandleProps}>
    <Button />
</div>

The Button component is from https://blueprintjs.com/docs/#core/components/button But anyway, the click event is captured by the div tag