How to centralize "searchable slot" of b-table-column

[vmartins]

How to centralize the content of the searchable slot of the "b-table-column" component?

<div id="app">
    <section>
        <b-table :data="data">
            <b-table-column field="name" label="Name" width="100" v-slot="props">
                {{ props.row.name }}
            </b-table-column>
          
            <b-table-column field="team" label="Team" width="100" searchable centered>
                <template v-slot="props">
                  {{ props.row.team }}
                </template>
              
                <template #searchable="props">
                    <b-select v-model="props.filters[props.column.field]">
                        <option></option>
                        <option>Team A</option>
                        <option>Team B</option>
                    </b-select>
                </template>
            </b-table-column>
        </b-table>
    </section>
</div>

const example = {
    data() {
        return {
            data: [
                { 'name': 'Jesse Simmons', 'team': 'Team A' },
                { 'name': 'John Jacobs', 'team': 'Team A' },
                { 'name': 'Tina Gilbert', 'team': 'Team B' },
                { 'name': 'Clarence Flores', 'team': 'Team A' },
                { 'name': 'Anne Lee', 'team': 'Team B' }
            ],
        }
    }
}

const app = new Vue(example)
app.$mount('#app')