Vaadin Checkbox clickable area not as big as the size of the checkbox

Flow
1

If i add a checkbox to an empty page, and add the following css:

vaadin-checkbox {
  border: 2px solid #ccc;
  width:100%;
}

The checkbox will not be clickable within the border, but the animation for hover/click animations occur without the checkbox being triggered. Any workaround?