Spacing between selects

Hello, in your example at: https://mdbootstrap.com/angular/forms/material-select/

the selects have a nice and good looking horizontal space between them, but when i use your provided example code and try to horizontaly stack them it looks like this: https://imgur.com/a/VTyDt6V

instead of this: https://imgur.com/a/GtCc96F

<div class="row">
 <div class="col-md-6">
  <mdb-select [options]="optionsSelect1" placeholder="Choose your option" class=""></mdb-select>
  <label>Select 1</label>
 </div>
</div>
<div class="row">
 <div class="col-md-6">
  <mdb-select [options]="optionsSelect2" placeholder="Choose your option" class=""></mdb-select>
  <label>Select 2</label>
 </div>
</div>
<div class="row">
 <div class="col-md-6">
  <mdb-select [options]="optionsSelect3" placeholder="Choose your option" class=""></mdb-select>
  <label>Select 3</label>
 </div>
</div>

So my question is: What should I do so that my selects look like the ones in your example?

Could you maybe send me the html code you used for your example?

best regards,

lukas