bootstrap4のテーブルの設定が効かない

前提・実現したいこと

bootstarap4を使い、テーブルの設定を行っているのですが、入力画面が極端に飛び出てしまいます。

発生している問題・エラーメッセージ

該当のソースコード

<div class="row pt-3 pb-5">
  <div class="col-md-8 offset-md-2">
    <div class="card bg-white border-none">
      <div class="card-header font-weight-bold">
        ユーザー登録
      </div>
      <div class="card-body p-4">
        <%= simple_form_for(@user, url: signup_index_path, local: true) do |f| %>
          <div class="row">
            <div class="col-md-12">
              <table class="table table-bordered">
                <tr>
                  <th>ニックネーム</th>
                  <td><%= f.input :name, label: false %></td>
                </tr>
                <tr>
                  <th>メールアドレス</th>
                  <td><%= f.input :email, label: false %></td>
                </tr>
                <tr>
                  <th>パスワード<br />
                    （英数字8文字以上）
                  </th>
                  <td><%= f.input :password, label: false %></td>
                </tr>
                <tr>
                  <th>確認用パスワード<br />
                    （英数字8文字以上）
                  </th>
                  <td><%= f.input :password_confirmation, label: false %></td>
                </tr>
              </table>
              <div class="text-center">
                <%= f.submit class: "btn btn-warning btn-sm px-5" %>
              </div>
            </div>
          </div>
        <% end %>
      </div>
    </div>
  </div>
</div>