JSFiddle - React, Tailwind, and code Playground

HTML

<div class="category-item">
    <span class="input-container">
        <input type="checkbox"/>
     </span>
</div>

CSS

.category-item {
  display: table;
  border: 1px solid #cccccc;
  margin: 0;
  padding: 0;
}

.category-item .input-container {
  display: table-cell;
  margin: 0;
  padding: 0;
  text-align: center;
}

.category-item .input-container input {
  margin: 0;
  padding: 0;
  vertical-align: middle;
display: block; 
}