Arrow to expand table details not centered

[itsmatteomanf]

Overview of the problem

Buefy version: 0.6.5
Vuejs version: 2.5.16
OS/Browser: macOS 10.13.5, Safari - Chrome - Firefox

Description

When using a table with a different height than default on the row the arrow doesn't get centered.

Steps to reproduce

The cause for the higher row height are the tags, but they should not alter the position of the arrow.

<b-table :data="filteredItems" paginated="paginated" per-page="25" pagination-simple="pagination-simple" default-sort="item['.key']" detailed="detailed">
  <template slot-scope="item">
    <b-table-column field=".key" label="ID" width="160">{{ item.row['.key'] }}</b-table-column>
    <b-table-column field="fileName" label="Nome File" width="240"><strong>{{ item.row.fileName }}</strong></b-table-column>
    <b-table-column field="languages['it'].title" label="Nome">{{ item.row.languages['it'].title }}</b-table-column>
    <b-table-column label="Documentazione" width="118"><span v-if="item.row.languages['it'].techsheets.techsheet" style="margin: 0 2px" class="tag is-info">
        <font-awesome-icon :icon="['fas', 'file-pdf']"></font-awesome-icon></span><span v-if="item.row.languages['it'].techsheets.specification" style="margin: 0 2px" class="tag is-info">
        <font-awesome-icon :icon="['fas', 'file-archive']"></font-awesome-icon></span><span v-if="item.row.languages['it'].techsheets.capitolato" style="margin: 0 2px" class="tag is-info">
        <font-awesome-icon :icon="['fas', 'file-word']"></font-awesome-icon></span></b-table-column>
    <b-table-column label="Lingue" width="90"><span v-for="(language, key) in item.row.languages" style="margin: 0 2px" class="tag is-info">{{ key.toUpperCase() }}</span></b-table-column>
    <b-table-column custom-key="edit" width="90">
      <div class="field is-grouped is-grouped-right">
        <p class="control"><a :href="&quot;/products/edit/&quot; + item.row['.key']" class="button is-small is-text is-inverted has-text-info"><span class="icon">
              <font-awesome-icon :icon="['fal', 'edit']"></font-awesome-icon></span><span v-if="expanded" class="is-uppercase">Modifica</span></a></p>
        <p class="control"><a @click="deleteItem(item)" class="button is-small is-text is-inverted has-text-primary"><span class="icon">
              <font-awesome-icon :icon="['fal', 'times']"></font-awesome-icon></span><span v-if="expanded" class="is-uppercase">Elimina</span></a></p>
      </div>
    </b-table-column>
  </template>
</b-table>

Expected behavior

The arrow should be centered.

Actual behavior

The line is not centered.