Hi there, I tried to use the MDBInput form with icon. But somehow after I put it into my react component, the icon becomes in the center of the field.

Expected behavior the Icon should be in the left like in the example

Actual behavior it goes to the middle

Resources (screenshots, code snippets etc.)

import React, { Component } from 'react';
import {MDBContainer, MDBRow, MDBCol, MDBInput, MDBBtn, MDBCard, MDBCardBody,         MDBIcon} from 'mdbreact';

export default class ExpenseForm extends Component {
  render() {
return (
  <div>

      <MDBContainer>
      <i className="fa fa-user prefix" />
        <MDBInput label="Material input" icon="user"  />

      </MDBContainer>

  </div>
)
  }
}

the result from code above: