How to Make a materialize CSS button's width same as col s12?
<p>I want to make the Submit button's length same as the input field above it.</p>

<pre><code>&lt;div class="row"&gt;
     &lt;div class="input-field col s12"&gt;
        &lt;input id="speciality" type="text" class="validate"&gt;
            &lt;label for="speciality"&gt;Speciality&lt;/label&gt;
     &lt;/div&gt;
&lt;/div&gt;
&lt;div class="row"&gt;
    &lt;button class="btn waves-effect waves-light" type="submit" name="action"&gt;Search
        &lt;i class="material-icons right"&gt;search&lt;/i&gt;
    &lt;/button&gt;
&lt;/div&gt;
</code></pre>