I am trying align my text in my table, it any bootstrap class does it?

as you can see the text it is a bit up comparing with the icon and the `<td>`

any quick solution for this?

jsfiddle: <https://jsfiddle.net/wuuf5g87/9/>

css:

```
table i {
  color: #3181cc;
  background: #ffffff;
  border-radius: 20px;
  padding: 6px 0;
  width: 30px;
  margin-right: 5px;
  border: 2px solid #e5eaee;
  text-align: center;
}

```

html:

```
<table class="table table-scroll table-striped" aurelia-table="">
  <thead>
    <tr>
      <th class="col-md-4">Time</th>
      <th class="col-md-4">Time of Call</th>
      <th class="col-md-4">Description</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>12:00:00<i class="fa fa-clock-o pull-right" aria-hidden="true"></i></td>
      <td>
        Call 3:00pm<i class="fa fa-clock-o pull-right" aria-hidden="true"></i>
      </td>
      <td>
        wwwwwww
      </td>
    </tr>
    <tr>
      <td>00:00:00<i class="fa fa-clock-o pull-right" aria-hidden="true"></i></td>
      <td>
        Call 7:00pm<i class="fa fa-clock-o pull-right" aria-hidden="true"></i>
      </td>
      <td>
        wwwwwww
      </td>
    </tr>
  </tbody>
</table>

```