JSFiddle - React, Tailwind, and code Playground

HTML

<div class="span3">
      <h2>Achievements left</h2>
    <table class="table table-striped">
      <thead>
        <tr>
          <th>#</th>
          <th>Name</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>1</td>
          <td>Something</td>
        </tr>
        <tr>
          <td>2</td>
          <td>Something</td>
        </tr>
        <tr>
          <td>3</td>
          <td>Something</td>
        </tr>
        <tr>
          <td>4</td>
          <td>Something</td>
        </tr>
        <tr>
          <td>5</td>
          <td>Something</td>
        </tr>
        <tr>
          <td>6</td>
          <td>Something</td>
        </tr>
      </tbody>
    </table>

      <p><a class="btn" href="#">View details &raquo;</a></p>
    </div>

CSS

.span3 {  
    height: 100px !important;
    overflow: scroll;
}