Getting Search + Buttons in navigation bar

I’m trying to find a way to make the navigation bar entirely a search box except for 1-2 buttons on the very right. Right now I can get the icon buttons to show up on the same row but the search box is really tiny (I want to fill all space except for the space occupied by the right button(s)).

Is there a built-in way to do this in materialize that I’m missing or do I need to do some CSS overriding? Which the latter is fine but I wanted to ask to see if I’m missing anything obvious.

Here is some code I’m playing with:

<nav>
    <div class="nav-wrapper">
        <ul class="right">
            <li><a href="#"><i class="mdi mdi-close"></i></a></li>
        </ul>
        <form class="left">
            <div class="input-field">
                <input id="search" type="search" />
                <label for="search"><i class="mdi mdi-magnify"></i></label>
            </div>
        </form>

    </div>
</nav>

[ferbispojesus]

Solution ->

input[type=“search”] { height: 64px !important; /* or height of nav */ }

[Inamacio]

I had this same problem of stylizing the search bar in the navalize of materialize, I got the code snippet from friend @ahlechandre ahlechandre and I modified it to stay as I wanted, follow the code.