JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <div id="MarketContent" class="searchCriteriaPanel">
    <label>
      <input type="checkbox">one</label>
    <br />
    <label>
      <input type="checkbox">two</label>
    <br />
    <label>
      <input type="checkbox">three</label>
    <br />
    <label>
      <input type="checkbox">four</label>
    <br />
    <label>
      <input type="checkbox">five</label>
    <br />
    <label>
      <input type="checkbox">six</label>
    <br />
    <label>
      <input type="checkbox">seven</label>
    <br />
    <label>
      <input type="checkbox">eight</label>
    <br />
    <label>
      <input type="checkbox">nine</label>
    <br />
    <label>
      <input type="checkbox">ten</label>
    <br />
    <label>
      <input type="checkbox">eleven</label>
    <br />
    <label>
      <input type="checkbox">twelve</label>
    <br />
    <label>
      <input type="checkbox">thirteen</label>
    <br />
    <label>
      <input type="checkbox">fourteen</label>
    <br />
    <label>
      <input type="checkbox">fifteen</label>
    <br />
    <label>
      <input type="checkbox">sixteen</label>
    <br />
    <label>
      <input type="checkbox">seventeen</label>
    <br />
    <label>
      <input type="checkbox">eighteen</label>
    <br />
    <label>
      <input type="checkbox">nineteen</label>
    <br />
    <label>
      <input type="checkbox">twenty</label>
    <br />
    <label>
      <input type="checkbox">twentyone</label>
    <br />
    <label>
      <input type="checkbox">twentytwo</label>
  </div>

</div>

CSS

.wrapper {
	  width: 300px;
	  height: 200px;
    overflow: auto;
}
.searchCriteriaPanel {
	  border-radius: 0 0 5px 5px;
	  background-color: lightgrey;
	  padding: 10px;
	  column-count: 2;
	}