I'm not absolutely sure this is an MDB issue, but perhaps I could get some assistance with this:

Inside a modal, I have a search field (text input). I want to have the fa-search icon right beside the input box. But I keep getting line break after the <i>

 <i class="fa fa-search"></i>
 <input type="text" onkeyUp="HandleAddItemFromSearchBox(this);"/>

I've tried to force style="inline" to each of the items, but I can't seem to get them on a single line. In chrome, if I set the style of the input to display: inline!important, the resultant display is still inline-block. I clearly don't know what I need to do to get rid of that.

For the time being, I've wrapped it all in a table row with two tds, but that's really sloppy and I'd like a proper fix for this.

Any ideas? Thanks.