How to make stretch input field in ZURB foundation?

d233c70cf3724348b451623e5f6d3e7d.png

How to stretch input field in all the space available without translation to a new line? Thanks in advance

Here is the code:
.large-10.expanded.column
.top-bar
.top-bar-title
h1.logo
a(href="#")
 img(src="http://placehold.it/70x150&text=LOGO" alt="Logo")
.top-bar-left.expanded
ul.menu
li
 input.expanded(type="search" placeholder="Search")
li
 button.button(type="button") Search
June 27th 19 at 15:15

Find more questions by tags Adaptive designFrameworksHTMLPug