How to reduce checkbox clicking area to the checkbox itself?

[jandrew44]

Environment

• Package version(s):
  @blueprintjs/core: 5.16.4
• Browser and OS versions:
  Google Chrome 134.0.6998.90
  Windows 10 Home Edition

Question

I am using a standalone checkbox without of label and I want it to be checked when it is being clicked.
Currently it does not work as expected because if I click slightly right from the checkbox it becomes checked also.
I have tried to provide tagName property since it was mentioned in Blueprint documentation as a way to "reduce the clicking area" but when I tried values "div" or "span" it disables the clicking area completely.

So what is the correct way to reduce checkbox clicking area to the checkbox itself?