Выборщик начальной загрузки не выровнен

Question

Я создаю небольшую форму, используя панель, но мой селектор выбора не выровнен с другими полями.(изображение ниже)

Код:

<div class="col-sm-6 col-sm-offset-3">
    <h3 align="center">Signature</h3>
    <div class="panel panel-default">
        <div class="panel-body">
            <div class="form-group">
                <label for="signatureName" class="col-lg-2">Signature Name:</label>
                <div class="col-lg-4">
                     <input type="text" class="form-control" name="SignatureName" id="SignatureName" />
                </div>
            </div>
            <div class="form-group">
                <label for="signatureName" class="col-lg-2">Font:</label>
                <div class="col-lg-4">
                     <select id="signatureFont" name="signatureFont" onchange="changeFont(this);" class="selectpicker">
                         <option value="">Select</option>
                         <option value="Aguafina Script">Aguafina Script</option>
                         <option value="Alex Brush">Alex Brush</option>
                         <option value="Bilbo">Bilbo</option>
                         <option value="Condiment">Condiment</option>
                         <option value="Great Vibes">Great Vibes</option>
                         <option value="Herr Von Muellerhoff">Herr Von Muellerhoff</option>
                         <option value="Kristi">Kristi</option>
                         <option value="Meddon">Meddon</option>
                         <option value="Monsieur La Doulaise">Monsieur La Doulaise</option>
                         <option value="Norican">Norican</option>
                         <option value="Parisienne">Parisienne</option>
                         <option value="Permanent Marker">Permanent Marker</option>
                         <option value="Sacramento">Sacramento</option>
                         <option value="Yellowtail">Yellowtail</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <label for="displaySignature" class="col-lg-2">Signature:</label>
                <div class="col-lg-4">
                    <input type="text" class="form-control" name="displaySignature" id="displaySignature" readonly />
                </div>
            </div>
            <div class="form-group">
                <div class="col-lg-2">
                    <input type="button" class="btn btn-primary" value=" Sign " />
                </div>
            </div>
        </div>
    </div>
    </div>

<script>
    $(document).ready(function() {
        $('.selectpicker').selectpicker({});
    });
</script>

Есть ли какие-либо настройки, которые я должен применить к средству выбора?Я использую bootstrap-select.min для моего выбора выбора

Спасибо