ruby-on-rails - HTML5 フォーム検証エラー メッセージ

Question

この検証エラー メッセージの図でわかるように、エラー メッセージが右端に表示されすぎています。

<%= form_for @listing do |f| %>
<div class="row">
<div class="col-md-12 select">
<div class="form-group">
<label>お家の種類&lt;/label>
<%= f.select :home_type, [["一軒家","一軒家"], ["マンション","マンション"], ["アパート","アパート"]], {prompt:"選択してください"}, {required: 'true', autofocus: 'true', class: 'form-control'} %>
</div>
</div>
</div>
<br>
...

<div class="actions">
<%= f.submit "Save", class: "btn btn-danger" %>
</div>
<% end %>

html5 の検証メッセージの位置を修正するにはどうすればよいですか?