JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<body>
  <div class="jumbotron">
    <div class="container">
      <form method="GET" action="/">
        <div class="input-group form-group">
          <input type="text" class="form-control input-lg" name="firstname">
          <span class="input-group-btn">
              <button type="submit" class="btn btn-primary btn-lg">Submit</button>
          </span>
        </div>
      </form>
    </div>
  </div>
<div class="jumbotron jumbotron-fix">
    <div class="container">
      <form method="GET" action="/">
        <div class="input-group form-group">
          <input type="text" class="form-control input-lg" name="firstname">
          <span class="input-group-btn">
              <button type="submit" class="btn btn-primary btn-lg">Submit</button>
          </span>
        </div>
      </form>
    </div>
  </div>
</body>

CSS

.jumbotron-fix .input-group {
    line-height: 1.428571429;
}