Изменение ширины компонента Vuetify v-select ⇐ CSS

[Anonymous]

Мои компоненты v-select должны иметь фиксированную ширину (60 пикселей), они помещаются в ячейку таблицы, и я хочу запретить им изменять ширину после выбора значения.
Они меняют ширину, а стрелка раскрывающегося списка перемещается вправо после выбора, поэтому, если есть способ уменьшить размер значка или его отступы/поля, это может быть полезно.
Не совсем знаю, как получить реквизиты этой стрелки и как она вызывается.
Вот воспроизводимый
https://codesandbox .io/s/competent-dew-eixq2?file=/src/comComponents/Playground.vue
РЕДАКТИРОВАТЬ: добавить фрагмент

Код: Выделить всё

.select {
max-width: 60px;
max-height: 60px;
font-size: 11px;
}

.col {
max-width: 60px;
max-height: 60px;
}


















new Vue({
el: '#app',
vuetify: new Vuetify(),
data: {
selected: "",
cols: [1, 2, 3, 4, 5],
variants: [{
id: 0,
name: ""
},
{
id: 1,
name: "1:0"
},
{
id: 2,
name: "0:1"
},
{
id: 3,
name: "1:0 B"
},
{
id: 4,
name: "0:1 B"
},
{
id: 6,
name: "1:0 R"
},
{
id: 7,
name: "0:1 R"
},
{
id: 8,
name: "1:0 F"
},
{
id: 9,
name: "0:1 F"
},
],
},
})

Подробнее здесь: https://stackoverflow.com/questions/680 ... h-changing