Bootstrap 5: Change caret height of input fields (form-control)

Question

I want to change the height of an input field (form-control) in Bootstrap 5. Any ideas how to solve this? An example to make it higher and shorter is appreciated :)

Example code:

<form>
  <div class="mb-3">
    <label for="exampleInputEmail1" class="form-label">Email address</label>
    <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
  </div>
  <button type="submit" class="btn btn-primary">Submit</button>
</form>

Answer 1

You could make it higher or lower by adjusting padding or line-height to the input field.

input {
    padding: 3px 5px;
}

or

input {
    line-height: 25px;
}