Estoy experimentando un comportamiento extraño con los grupos de entrada de Bootstrap 3. Cuando agrego un addon de grupo de entrada (texto o icono) a un formulario dentro de un jumbotron, la altura del grupo de entrada es más grande que su altura de entrada.

Aquí puede encontrar un JsFiddle y una captura de pantalla con el problema:

<div class="jumbotron">
    <h1>Jumbotron with form</h1>
        <form>
           <div class="input-group">
               <input type="text" class="form-control" placeholder="Username">
                  <span class="input-group-addon">@</span>
           </div> 
        </form>
  </div>

Ejemplo vivo enhttp://jsfiddle.net/DTcHh/

Captura de pantalla:

¿Como puedo solucionar este problema? Estoy buscando una solución Bootstrap, pero si eso no fuera posible, estaría bien si pudiera ayudarme a solucionarlo con las reglas CSS.