how to get automatic break on select-dropdown (BootstrapVue)

This project is created with BootstrapVue.

I have following problem: I have a select with multiple selections. It's responsive and it's working on full screen but when I display it on mobile devices I'm not able to see the complete selection text.

Here is what it looks like:

Template

<div class="col-md-12 col-12">
  <b-form-select v-model="example">
    <option v-for="item in array" :key="item.id">
      {{ item.text}}
    </option>
  </b-form-select>
</div>

How can I get an automatic break when it's needed or useful? Thanks in advance.