JSFiddle - React, Tailwind, and code Playground

HTML

<li class="field" for="product_categories_1">
<label for="product_categories_1">
    <input id="product_categories_1" type="checkbox" value="1" name="product_categories_1">
   one</label>
</li>

CSS

label{
    display:block;
    width:150px;
    height:30px;
    background:rgba(255,0,0,.3);
}