Почему ширина игнорируется при использовании flex в Vuetify 3? ⇐ CSS

[Anonymous]

Используя Vuetify 3, я пытаюсь настроить собственную нумерацию страниц для таблицы. Все идет хорошо, за исключением того факта, что игнорирует ширину с помощью flex.

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

{{ page * itemsPerPage - itemsPerPage + 1 }} - {{ page *
itemsPerPage }} of {{ total }}

И часть скрипта (только для справки, не более того)

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

import { ref } from 'vue'

const page = ref(1)
const itemsPerPage = ref(10)
const total = ref(150)
const pageCount = ref(10)

Если вы посмотрите , вы увидите, что style="max-width: 150px" полностью игнорируется (в основном из-за класса ="d-flex align-center", но я не знаю, как заставить его работать вместе).
Вот Vuetify Playground, чтобы лучше понять живой фрагмент, что я имею в виду.
РЕДАКТИРОВАТЬ:
Это первое изображение так, как оно выглядит сейчас


И вот как я хочу выбрать как выглядеть (плюс выравнивание по центру, которое я не могу установить, кроме использования полей или отступов, но мне нужна более динамичная ситуация)


Есть предложения?

Подробнее здесь: https://stackoverflow.com/questions/783 ... -vuetify-3