Change width and height of search box

Question

The search box is too small in terms of width on the bar(used bar instead of navbar in order to customize it).How can I make the search bar broader?Plus, how can I change the height of the search box with respect to the top of the screen?

<div  class="bar navbar-inverse navbar-fixed-top">
    <div class="container">
        <span id="logo">  
            <a href="main.php">XYZ</a>
        </span>
        <span  class="col-xs-5 right-inner-addon has-feedback">
               <form class="form-inline" role="form">
                 <div class="form-group has-feedback">
                 <label class="control-label" for="inputSuccess4"></label>
                 <input type="text" class="form-control" id="inputSuccess4">
                 <span class="glyphicon glyphicon-search form-control-feedback"></span>
                 </div>
               </form>             
        </span>
    </div>   
</div>

    .right-inner-addon {
        padding-top: 5px;
        padding-left:30px;
        position: relative;
    }
    .right-inner-addon input {
    width: 500px;
    height: 30px;
    padding: 0px 5px;
}
    .right-inner-addon i {
        position: absolute;
        right: 0px;
        padding: 10px 6px;
        pointer-events: none;
    }

Answer 1

In the styling for form-control add width= *insert width here*. That should work