JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<form>
    <fieldset>
        <legend>&nbsp;&nbsp;&nbsp;Menu</legend>
        <div id="scroll">
            <table id="tab">
                <tr>
                    <td>abc</td>
                </tr>
                <tr>
                    <td>abc</td>
                </tr>
                <tr>
                    <td>abc</td>
                </tr>
                <tr>
                    <td>abc</td>
                </tr>
                <tr>
                    <td>abc</td>
                </tr>
                <tr>
                    <td>abc</td>
                </tr>
                <tr>
                    <td>abc</td>
                </tr>
                <tr>
                    <td>abc</td>
                </tr>
                <tr>
                    <td>abc</td>
                </tr>
                <tr>
                    <td>abc</td>
                </tr>
                <tr>
                    <td>abc</td>
                </tr>
            </table>
        </div>
    </fieldset>
</form>

CSS

form {
    /* margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px; */
    border: 1px #6A6A45 solid;
    border-radius:6px;
    height: 200px;
    background-color:#efefef;
    margin-bottom: 17px;
}
#scroll {
    overflow: scroll;
    height: 140px;
}