[Bug] .invalid-feedback on .form-control.validate is misalig

Topic: [Bug] .invalid-feedback on .form-control.validate is misaligned when used with an icon

mklepaczewski asked 5 years ago

Expected behavior

.invalid-feedback element should have the same margin-left rule applied as input element when the MDBInput has an icon.

Actual behavior

.invalid-feedback element is misaligned

Resources (screenshots, code snippets etc.)

<MDBInput
                                    value=""
                                    label="Your password"
                                    icon="lock"
                                    type="password"
                                    labelClass="white-text"
                                    iconClass="white-text"
                                    validate
                                    className="invalid">
                                        <div className='invalid-feedback'>Invalid value</div>
                                </MDBInput>

enter image description here