Search box height issue with frontend themes

Could you provide any screenshot please?

I tested the module with the themes:
Claro
Seven
Bartik

And I can't see this problem.

This is worth revisiting, I have the same display error. With bootstrap theme on pages that aren't the admin pages, the .form-control class overrides the input box height. And the margin-top set in rem is inconsistent with the admin pages because of custom theme font sizes. Height should probably be included in the #admin-toolbar-search-input style and the sizes should be kept px for consistency.

I agree with the above comment, #7. The search field appears squished to me when I switched themes, which tells me there is a theme conflict. That said, I do not know whether the suggested CSS changes would completely fix the problem either. For example, the #admin-toolbar-search-input padding attribute also uses rem.

For what it's worth, I am using adminimal on the back end and a proprietary theme based on classy on the frontend.

I would agree, I've seen this on multiple installs when using a custom FE theme.

Rather than rework the padding with rem units (which will be dependant on current themes base font size), I think a simple fix is just to add a max-height on that particular input ID.

BEFORE:

AFTER:

The patch provided in comment #10 worked for me.

Before patch:

After patch

I am using a bootstrap 4 based frontend theme.

Commited to latest dev version.

I logged back in today to bump this but I'm delighted to see it was addressed again.
Switched to 2.x-dev or 3.x-dev and the fix is present, thanks.

As #8 pointed out, other values still use rem. And in my case the margin-top is slightly off still. Would be best if this were a fixed px value as the rem leaves room for inconsistencies like this to happen.