JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://www.hajimefurukawa.com/random/tb/2.0.4/css/bootstrap.min.css">
<div class="boxes">
<div class="row">
<div class="span2">
  <label class="checkbox">
    <input type="checkbox" name="optionsCheckboxList1" value="option1">
    Option one 
  </label>
  <label class="checkbox">
    <input type="checkbox" name="optionsCheckboxList2" value="option2">
    Option two 
  </label>
  <label class="checkbox">
    <input type="checkbox" name="optionsCheckboxList3" value="option3">
    Option three
  </label>
    <label class="checkbox">
    <input type="checkbox" name="optionsCheckboxList3" value="option3">
    Option three
  </label>
    <label class="checkbox">
    <input type="checkbox" name="optionsCheckboxList3" value="option3">
    Option three
  </label>

  <label class="checkbox">
    <input type="checkbox" name="optionsCheckboxList1" value="option1">
    Option one 
  </label>
  <label class="checkbox">
    <input type="checkbox" name="optionsCheckboxList2" value="option2">
    Option two 
  </label>
  <label class="checkbox">
    <input type="checkbox" name="optionsCheckboxList3" value="option3">
    Option three
  </label>
        <label class="checkbox">
    <input type="checkbox" name="optionsCheckboxList3" value="option3">
    Option three
  </label>
        <label class="checkbox">
    <input type="checkbox" name="optionsCheckboxList3" value="option3">
    Option three
  </label>
</div>
</div>
</div>

CSS

.boxes {
 height: 200px;
 overflow: auto;
 width: 400px;
}