Icon in input goes down at using <small>

[Khuzha]

Making input forms, I got a bug with icons.

<div class="md-form input-with-pre-icon col-md-4"> <i class="fas fa-user input-prefix"></i> <input type="text" name="lastName" id="lastName" class="form-control"> <label for="lastName">Last name</label> <small id="fathersName" class="form-text text-muted"> Something </small> </div>

In this code icon goes down, but without everything is ok.

[mdo]

Bug reports must include a live demo of the issue. Per our contributing guidelines, please create a reduced test case via CodePen or JS Bin and report back with your link, Bootstrap version, and specific browser and operating system details.

---

This is a saved reply.

[mdo]

Closing as stale.