[Bug] Input tag fontawesome issue!

[sahillangoo]

Version

v1.0.7

Reproduction link

https://github.com/sahillangoo/listify-php/blob/master/signin.php

Operating System

Windows/Linux

Device

Surface Book Pro

Browser & Version

Chrome Latest

Steps to reproduce

Create an Input box with icon inside

<div class="form-group">
                  <div class="input-group mb-3 has-validation">
                    <input type="password" class="form-control" id="password" name="password" required placeholder="Password" aria-label="password" aria-describedby="password-addon" data-bs-toggle="tooltip" data-bs-placement="right" title="Enter your password">
                    <div class="btn bg-transparent mb-0 shadow-none">
                      <i class="fa fa-fw fa-eye-slash toggle-password" id="toggle-password" onclick="togglePassword()"></i>
                    </div>

                    <div class="valid-feedback">
                      Looks good!
                    </div>
                    <div class="invalid-feedback">Please check your Password.</div>
                    </input>
                  </div>

What is expected?

Input box with icon inside it in the end

What is actually happening?

Input box with icon outside in the end

---

Solution

Additional comments