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="tab">
    <table>
        <tr>
            <td>abc</td>
        </tr>
        <tr>
            <td>dededed</td>
        </tr>
        <tr>
            <td>dededed</td>
        </tr>
        <tr>
            <td>abc</td>
        </tr>
        <tr>
            <td>abc</td>
        </tr>
        <tr>
            <td>asdcsvfverv</td>
        </tr>
        <tr>
            <td>aacascascadcc</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;

}

#tab{ overflow-y: auto; height:140px;}