Hello

I recently upgraded to MDB PRO 4.6.1 and now the select boxes are having label issues.  When I first updated, the label was sitting directly on-top of the drop down element, so was not readable.  Part A below is the original code that was working before.

Part B is the updated code, which now displays the label correctly above the dropdown area, however, the label is hard-left aligned so it does not align with the start of the dropdown box on the left hand side, but sits above and to the left.

So in the code below, address 4 is aligned correctly with a padding on the left, where as the label for "country" is hard left on the edge of the card content area.

What is the correct way to load the mdb-select element in a form such as this?  I tried quite  few combinations from the examples, but nothing I could see worked.

If I update the CSS for .select-wrapper+label to include "left:14px;" it does bring the label in. Does that element require a left attribute?

Thanks for your help! 

The form sits inside a "tab-content card" element as you can see below:

<!-- PART A-->
<!-- Tab panels -->
<div class="tab-content card">
<!--Panel 1-->
<div class="tab-pane fade in show active" id="panel_Profile" role="tabpanel">

<div class="md-form">
   <label for="address4">Address 4</label>
   <input id="address4" name="address4" type="text" class="form-control" value="">
</div>
<div class="md-form">
  <select id="country" name="country" class="mdb-select" searchable="Search here..">
  <option value="AU">Australia</option>
  </select>
  <label for="country">Country</label>
</div>

...

<!-- PART B -->
<div class="md-form">
  <label for="address4">Address 4</label>
  <input id="address4" name="address4" type="text" class="form-control" value="">
</div>
<div class="row">
  <div class="col">
    <select id="country" name="country" class="mdb-select md-form" searchable="Search here..">
       <option value="AU">Australia</option>
    </select>
    <label for="country">Country</label>
 </div>
</div>

...