Bootstrap Search Input with Appended Button

The bootstrap search input with an appended button has rounded corners on the RIGHT on iPhone.

by Adam DeHaven

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.no-icons.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<div class="content">
    <div class="container">
        <div class="row">
            <div class="span12 text-center">
                 <h1 class="page-heading"><span class="content-heading"><i class="icon-search icon-large"></i> SEARCH INPUT</span></h1>

                <div class="page-heading-stripes"></div>
            </div>
            <div class="span12">
                <div class="row">
                    <div class="span12">
                        <div class="content-bubble drop-shadow curved">
                            <p class="lead well">Energistically aggregate reliable niches and robust e-business. Authoritatively orchestrate multimedia based partnerships before strategic sources. Credibly productivate turnkey ROI without experiences.</p>
                            <form class="form-search text-center" method="get" action="#">
                                <div class="input-append">
                                    <input type="search" class="span7 search-query" name="q" autocomplete="off" placeholder="SEARCH" tabindex="1">
                                    <button type="submit" class="btn"><i class="icon-search icon-large"></i> 
                                    </button>
                                </div>
                            </form>
                        </div>
                        <div class="content-bubble-triangle"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

CSS

input[type="search"], .btn {
    height: 40px;
}