Text cut off in search panel

[jwir3]

See the following screenshot of a new blog I just created.

The text in the search input is cut off on the top and bottom.

[jwir3]

I am using Firefox 39.0.3 on Mac OSX

[jcdenton]

Besides the text being cut in FF, the search icon is displaced a bit to the bottom in both Chrome and FF.
Firefox 39.0.3 and 40.0.2 on Windows

Chrome 46.0.2486.0 dev-m on Windows

It seems, that removing height: .4rem; for #search-field (jcdenton@f3cefa4) fixes both issues in both browsers and slightly improves look in IE11 (sic!).
It would be nice to also check Safari and others (though a WebKit-based Opera shows the same way as Chrome).

[Kikobeats]

Nice, but I want to stylize the width of the form... how to?

[jcdenton]

How does it affect "width"? Did you mean "height"? If so, just play with decreasing padding and increasing height, e.g.:

height: 1.5rem;
padding: 1% 5px 2% 18px;

[Kikobeats]

yes, height, sorry 😅

[Kikobeats]

status of this: I want to check later in dev and if works fine this afternoon will be integrated