Bootstrap 3: Span elements floating right in list-group-item do not consume vertical space

http://stackoverflow.com/questions/22868664/bootstrap-3-span-elements-floating-right-in-list-group-item-do-not-consume-vert

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<div class="container">
  <div class="panel panel-default">
    <table class="table table-hover">
      <tbody>
        <tr>
          <td>
            <span class="glyphicon glyphicon-file"></span>
            Lorem ipsum dolor.
          </td>
          <td class="text-right text-nowrap">
            <button class="btn btn-xs btn-info">CCS</button>
            <button class="btn btn-xs btn-warning">
              <span class="glyphicon glyphicon-trash"></span>
            </button>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</div>