Virtual Mouse Input graphic doesn't correspond correctly

This is more of a question. I haven’t been able to find or understand the documentation regarding this particular point.

I have a virtual mouse that interacts with UI like so:

I only want to know if there is a way to “increase” the area in which the input system detects a “collision” of the mouse on the UI so that the following doesn’t happen:

I want it to be 100% related to the graphic size and not by the center of the cursor (which is what seems to be happening).

The component only has the “graphic” field which is setup correctly, the documentation on this field states:

“Also, this UI component implicitly determines the Canvas that defines the screen area for the cursor. The canvas that this graphic is on will be looked up using GetComponentInParent and then the Canvas.pixelRect of the canvas is used as the bounds for the cursor motion range”

I don’t think it describes what I’m talking about, but its the only thing that is remotely close to that. I don’t understand exactly what “screen area for the cursor” or “cursor motion range” exactly mean here.

If anyone has any suggestions, thank you in advance!