Input groups bigger than input in Bootstrap 3 using Jumbotron container

Question

I\'m experimenting a strange behavior with Bootstrap 3 input groups. When I add an input-group-addon (text or icon) to a form inside a jumbotron, the input-group height is bigge

Answer 1

Instead of making the input bigger, make the span (input-group-addon) smaller. To do that, make its padding lower. So:

.input-group-addon {
    padding: 0px 6px;
}