<p dir="auto">When validation class is active (i.e. <code class="notranslate">has-error</code>), the form with <code class="notranslate">input-group-btn</code> looks like doesn´t render the red border correctly:</p>
<p dir="auto"><a href="http://plnkr.co/edit/PbbJhCjNwG3w0gD8mv8s?p=preview" rel="nofollow">http://plnkr.co/edit/PbbJhCjNwG3w0gD8mv8s?p=preview</a></p>
<p dir="auto">Buttons in an input-group do not get their border colour changed when there is a parent element with has-error .</p>
<p dir="auto">Example:</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;div class=&quot;has-error&quot; style=&quot;margin: 2em; width: 300px;&quot;&gt;
&lt;div class=&quot;input-group&quot;&gt;
    &lt;input type=&quot;text&quot; class=&quot;form-control&quot; value=&quot;zzz&quot;&gt;
    &lt;span class=&quot;input-group-btn&quot;&gt;
        &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot;&gt;Search&lt;/button&gt;
    &lt;/span&gt;
&lt;/div&gt;
&lt;p class=&quot;help-block&quot;&gt;No results found for the provided criteria&lt;/p&gt;
&lt;/div&gt;"><pre class="notranslate"><span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">has-error</span>" <span class="pl-c1">style</span>="<span class="pl-s">margin: 2em; width: 300px;</span>"<span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">input-group</span>"<span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">input</span> <span class="pl-c1">type</span>="<span class="pl-s">text</span>" <span class="pl-c1">class</span>="<span class="pl-s">form-control</span>" <span class="pl-c1">value</span>="<span class="pl-s">zzz</span>"<span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">span</span> <span class="pl-c1">class</span>="<span class="pl-s">input-group-btn</span>"<span class="pl-kos">&gt;</span>
        <span class="pl-kos">&lt;</span><span class="pl-ent">button</span> <span class="pl-c1">type</span>="<span class="pl-s">button</span>" <span class="pl-c1">class</span>="<span class="pl-s">btn btn-default</span>"<span class="pl-kos">&gt;</span>Search<span class="pl-kos">&lt;/</span><span class="pl-ent">button</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;/</span><span class="pl-ent">span</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">p</span> <span class="pl-c1">class</span>="<span class="pl-s">help-block</span>"<span class="pl-kos">&gt;</span>No results found for the provided criteria<span class="pl-kos">&lt;/</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span></pre></div>
<p dir="auto">See the attached picture to see how it renders.<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/e86760a33b93ff9cbb8dc29e42bccd581dc0ea54531ef26fbe50cf60b1086fdc/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f343135323634322f313634393037352f39326463316438382d353964652d313165332d383965372d6432643439643465326138632e706e67"><img src="https://camo.githubusercontent.com/e86760a33b93ff9cbb8dc29e42bccd581dc0ea54531ef26fbe50cf60b1086fdc/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f343135323634322f313634393037352f39326463316438382d353964652d313165332d383965372d6432643439643465326138632e706e67" alt="screen shot 2013-11-30 at 16 40 26" data-canonical-src="https://f.cloud.github.com/assets/4152642/1649075/92dc1d88-59de-11e3-89e7-d2d49d4e2a8c.png" style="max-width: 100%;"></a></p>
<p dir="auto">I would expect something more like the screen shot below.<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/e8d71de135a11f71771e00714b2db57af8fe84b0366da54b2e1dc23e7e5e5f6e/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f343135323634322f313634393037372f62313431643538382d353964652d313165332d386531352d3336646663646362373235662e706e67"><img src="https://camo.githubusercontent.com/e8d71de135a11f71771e00714b2db57af8fe84b0366da54b2e1dc23e7e5e5f6e/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f343135323634322f313634393037372f62313431643538382d353964652d313165332d386531352d3336646663646362373235662e706e67" alt="screen shot 2013-11-30 at 16 38 42" data-canonical-src="https://f.cloud.github.com/assets/4152642/1649077/b141d588-59de-11e3-8e15-36dfcdcb725f.png" style="max-width: 100%;"></a></p>