<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row justify-content-center"> <div class="col-6 company-container"> <div class="input-group mb-3"> <div class="input-group-prepend"> <span class="input-group-text bg-transparent" id="basic-addon1"> <i class="glyphicon glyphicon-search"></i> </span> </div> <input type="text" class="form-control" placeholder="Search Company Name" aria-label="Username" aria-describedby="basic-addon1"> </div> </div> </div> </div>

.company-container .input-group span i, .profile-section .profile-card .other-content .outer-content #performance .company-container .input-group input::placeholder { opacity: 0.41; } .company-container .input-group span, .profile-section .profile-card .other-content .outer-content #performance .company-container .input-group input { border-color: #929292; border-width: 0 0 2px 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }