Bootstrap：针对col-auto的重叠

Question

以下代码导致此结果：

任何人都知道，在使用col-auto时如何避免重叠效应？

<div class="row align-items-center">
  <div class="col">

    {# Title #}
    <h4 class="mb-0">Tickets:</h4>

  </div>
  <div class="col-auto">
    Ticket 1, Ticket 2, Ticket 3, [...]
  </div>
</div> {# / .row #}