AutoAlign Checkboxes in row using angular material design

I am using angular material design for my angular application, I am getting the fields of an index of elasic search and creating them as checkboxes in my form. It is getting generated, but when it has more than 4 fields, the alignment looks clumsy.

HTML:

 <div layout="row" layout-align='left start'>                       
   <md-checkbox   ng-repeat="field in selectedFields"    layout="row"  ng-click="toggleCheck(field)"    style="text-transform:capitalize"  aria-label={{field.name}}>
   {{field.name}}
  </md-checkbox>
</div>

OUTPUT: