label and value overlapping in material design with bootstrap

i m using mdb in my ember app. i have generating dynamic value for the input field. in the ui value and label are getting overlapped. how to deal with it?

my code-->>

<div class="md-form">
                        <i class="fa fa-user-o prefix grey-text iconSize"></i>
                        
                        <label for="firstName">First Name<i class="mandatoryIcon">*</i></label>
                    </div>