link_toで作ったボタンの高さがなぜか揃いません・・・

こんにちは。
質問なのですが、現在某プログラミングスクールで制作したものを自分でデザインし直しているのですが、問題が発生しました。

このように、タスクの一覧に戻るページと、編集、削除するページに遷移するボタンを、link_toで作成しましたが、先頭の一覧に戻るボタンだけなぜか少しだけ高くなってしまいます。

該当箇所のコードです。

<div class='text-center'>
    <h1>タスク詳細ページ</h1>
</div>
<table class='table'>
    <tr>
        <th class='text-center'>タスク内容</th>
        <th class='text-center'>タスク状況</th>
    </tr>
    <tr>
        <td class='text-center'><%=@task.content%></td>
        <td class='text-center'><%=@task.status%></td>
    </tr>
</table>

<div class='row'>
    <%=link_to '一覧に戻る',tasks_path,class:'btn btn-primary btn-block col-sm-2 offset-sm-1'%>

    <%=link_to 'このタスクを編集する',edit_task_path(@task),class:'btn btn-primary btn-block col-sm-2 offset-sm-2'%>

    <%= link_to'このタスクを削除する',@task,method: :delete,data:{confirm: '本当に削除してよろしいですか？' } ,class:'btn btn-primary btn-block col-sm-2 offset-sm-2'%>
</div>