[Bug] Form Input Group Text Misbehaving

[lyndonjohn]

Version

1.1.1

Reproduction link

https://github.com/lyndonjohn/soft-ui-dashboard-pro-bug.git

Operating System

MacOS

Device

MacBook Pro

Browser & Version

Chrome Version 120.0.6099.129

Steps to reproduce

1. Setup the template as usual.
2. Create a form and use the code below:

<div class="input-group">
  <input type="text" class="form-control" placeholder="Type here...">
  <span class="input-group-text text-body"><i class="fas fa-search" aria-hidden="true"></i></span>
</div>

What is expected?

The search icon should be displayed at the right side of input box.

What is actually happening?

The search icon is positioned at the start of input box just like having an "absolute" css attribute.

---

Solution

no solution. please help.

Additional comments