JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="view-source:https://harvesthq.github.io/chosen/chosen.jquery.js"></script>
<link rel="stylesheet" href="https://harvesthq.github.io/chosen/chosen.css">
    <div class="col-xs-12 col-sm-12 panel-heading">
        <h4>Users Listing</h4>
        <a style="margin-top: -35px;" href="http://local-tb.com/admin/contributor/index" class="btn btn-primary btn-large pull-right">New Contributor</a>
    </div>

    <div class="table_info">
        3&nbsp;Rows&nbsp;of&nbsp;18&nbsp;(Page # <b>1</b>)
        <button type="button" class="" onclick="javascript:contributorsListFilterApplied();">
            <i class="glyphicon glyphicon-filter"></i>&nbsp;Apply Filter
        </button>
    </div>

CSS

div.table_info {
    padding: 65px 10px 10px 10px;
    color: #6a9195;
    font-weight: bold;
    font-size: 12px;
    border: 2px dotted #008000;
    /* font-family: Verdana, sans-serif, Helvetica, Arial;  */
}