lex-search | Fast search of standardized lexicons like ICD10 | Search Engine Optimization library

I am starting a new angular project with the CLI and am running into a no provider for HttpClient error.

I have added HttpClientModule to my module imports which seems to be the usual culprit in this scenario. Not finding a lot online other than that so I am not sure what the issue may be.

my app.module.ts

I have a MXList Box having arrayCollection and I have another textarea box.

My requirement is: When users enter the desired text in the text area, I need to fetch and show the matching records from the List like:

I've created a text field with a little cogwheel, that offers options in a popup menu about how to treat the search string. For some parts, it uses a flexible box layout.

In Firefox, I get the expected result:
.

In Webkit browsers (Safari and Vivaldi), I get this result:

As you can see, the cogwheel doesn't stay in line. This is my main concern. I'm not too worried about the menu text not stretching as that can easily be solved with giving any of its containers a width.

I currently don't have Chrome, but I suspect it might render it in a similar fashion as the other Webkit browsers.

Here is the css that I think is relevant to my problem.