вертикальный интервал с Bootstrap Vue

Я использую

<b-row v-for="reptile in reptiles" :key="reptile.id">
    <b-col>
        {{ reptile.name }} 
    </b-col>

    <b-col>
        <b-button @click="deleteReptile(reptile)" variant="danger" size="sm">
            <i class="fas fa-trash"></i> Trash
        </b-button>
    </b-col>
</b-row>

И я получаю

Я хочу некоторое вертикальное пространство между каждой строкой. Я могу придумать с полдюжины способов сделать это. Но я хочу знать, как это должно быть сделано?

Для справки, у меня больше всего соблазна поставить <br />&nbsp; после кнопки b.

OR

положить в стол.