How to align and center placeholder-icon


I’m new to Ionic. I’m trying to make a simple form, so I use two labels with placehoder-icon but text inside inputs are not aligned. I tried to add custom class css with fixed witdh for the but the icon are not centered.


<form ng-submit="postLogin()"  name="loginForm">
		<div class="list list-inset">
			<label class="item item-input">
				<i class="icon  ion-at placeholder-icon login-placeholder-icon"></i>
				<input type="email" name="email" ng-model="email" placeholder="Veuillez entrer votre adresse email" required/>
			<label class="item item-input">
				<i class="icon ion-key 	placeholder-icon login-placeholder-icon"></i>
				<input type="password" name="password" ng-model="password" placeholder="Veuillez entrer votre mot de passe" required/>
			<label class="item">
      			<button class="button button-block button-positive" type="submit">Se connecter</button>

.login-placeholder-icon {
width:20px !important;

Thankd in advance for your help and sorry for my english,


Facing same issue, did you find a way ?