Rails/HTML mount three buttons alongside

Question

I've got 3 buttons that are next to each other and in my Macbook 13'' everything looks like it should:

But it turns out on a Zenbook 14 (which has a bigger screen?!) things get weird:

I'm using bootstrap, how to prevent such situation? Code below:

Status: <%= UserAuthorization.statuses[authorization.status].upcase %>
</br>
<% unless authorization.approved? %>
  <button class="modal-trigger btn btn-bh btn-xs btn-lng",
          data-toggle="modal",
          data-target="#confirm-caregiver-approve",
          data-modal-confirm-url="<%= approve_caregiver_authorization_path(authorization, registrant_page: true) %>">
          APPROVE
  </button>
<% end %>
<% unless authorization.declined? %>
  <button class="modal-trigger btn btn-bh btn-xs btn-lng",
          data-toggle="modal",
          data-target="#confirm-caregiver-decline",
          data-modal-confirm-url="<%= decline_caregiver_authorization_path(authorization, registrant_page: true) %>">
          DECLINE
  </button>
<% end %>
<% if authorization.pending? %>
  <button class="modal-trigger btn btn-bh btn-xs btn-lng",
          data-toggle="modal",
          data-target="#confirm-caregiver-in_review",
          data-modal-confirm-url="<%= in_review_caregiver_authorization_path(authorization, registrant_page: true) %>">
          IN REVIEW
  </button>
<% end %>

[Edit]

This file is a partial so the file that renders it looks like this:

<div class="row">
  <div class="col-md-12">
    <%= render partial: 'user_authorizations/user_authorization_review',
               locals: { authorization: registrant.user_authorizations.last } %>
  </div>
</div>

When I'm trying to add grid like below:

<div class="container">
  <div class="row">
    <div class="col-md-4">
      button here
    </div>
    <div class="col-md-4">
      button here
    </div>
    <div class="col-md-4">
      button here
    </div>
  </div>
</div>

It's even worst: