topbar search input cutoff

From the examples' Doc foudn here (looking at the sample with search input, shown in code):
http://foundation.zurb.com/docs/components/top-bar.html

The input field appears cuttoff;

It appears the height property of the input should be  2.45em (default value):
From _topbar.scss:
>.topbar {
>    ...
>    __Line 84 in _topbar.scss__
>    input { height: $topbar-input-height; }
>    ...
>}

Rule is thus `.topbar input`

But is overriden by _topbar.scss *line 334*:
> ...
>input, .button {
>        line-height: 2em;
>        font-size: emCalc(14px);
>        height: 2em;
>        padding: 0 10px;
>        position: relative;
>        top: 8px;
>      }

2em is the height applied;

Observed this behavior in Chrome and IE10

I am just starting using Foundation so I am not sure what would be a proper fix that won't break anything

Thanks