Add checkbox in span in Reactjs

How to add checkbox in span in reactjs for mobileApp. find code below:

i want to add style in checkbox like want to reduce font-size and width. How should i add css in this code?

<ul data-role="listview">
              <li><input type="checkbox"/><a href="#"><span> <i className="fa fa-edit"></i></span><span className="case-overflow"> Case11</span></a></li>
              <li><input type="checkbox"/><a href="#"><span> <i className="fa fa-edit"></i></span><span className="case-overflow"> Case12</span></a></li>
 </ul>