Bootstrap 按钮对齐

问：

我在 bootstrap4 中的按钮触及桌子的顶部。如何添加一些间隙并将其与表格边缘右对齐？

    <div class="container">
    <div class="table-title">
    <div class="row">
        <div class="col-sm-8"><h5>Birds</h5></div>
        <div class="col-sm-4">
            <button type="button" class="btn btn-info add-new">
                <i class="fa fa-plus"></i> Add New
            </button>
        </div>
    </div>
    </div>
    

    <table class="table">
        <thead class="table-light">
          <tr>
            <th>Name</th>
            <th>Sex</th>
            <th>Status</th>
            <th>Owner</th>
            <th>IIS</th>
            <th>Actions</th>
          </tr>
        </thead>
        <tbody>
            <tr *ngFor="let bird of birds$ | async">
            <td>bird</td>
            <td>sex</td>
            <td>status</td>
            <td>owner</td>
            <td>IIS</td>
            <td>
                <a style="padding-left:10px;"><fa-icon [icon]="iconEdit"></fa-icon></a>
                <a style="padding-left:10px;"><fa-icon [icon]="iconTrash"></fa-icon></a>
            </td>
          </tr>
        </tbody>
      </table>

我试图添加一个空白行，但这什么也没做。

在这里摆弄 ： https://jsfiddle.net/df0e4uv3/