Ho to align material-icon and a text-input

[jeremychamboultou]

Hello,
Do you know how to align a material-icon with an input?
Here is my code:

<mz-input-container class="col s3">
				<i class="material-icons prefix">swap_vert</i>
				<input mz-input
				[(ngModel)]="settings.vert"
				[label]="'Nombre de colones :'"
				[validate]="true"
				id="vert-input"
				type="number"
				name="vert">
			</mz-input-container>

Here is the rendering:

Do you know how to align the icon and the input?
Thank you in advance.
Jérémy

[scote]

If you go to http://archives.materializecss.com/0.100.2/forms.html on Icon Prefix section. It is the way it should look like.

You can try to add an new class and play with the padding or margin of the icon.