The clickable area of many UI elements are smaller than they appear making the process tedious an needlessly taxing.

In my pic my cursor is clearly inside the opacity field but I cannot yet activate it. As it is currently design, I need to be unnecessarily precise. Makes no sense.

The entire UI could stay the same size but clickable areas should become larger.
Text based buttons like opacity should be treaded like buttons with a large clickable area (opacity in a box with ample padding).

There would only be improvements to the UX, no downsides.
If anyone has suggestions on how to better articulate or title, I'm open.