Ширина PrimeVue InputNumber превышает ширину его родительского элемента. ⇐ CSS

[Anonymous]

У меня есть список товаров в корзине, представленный в строках и столбцах Bootstrap. У каждого товара есть входной номер PrimeVue для изменения количества определенного товара в корзине.
Вот песочница с этой проблемой.
Я также размещал приложение на Netlify.
Вот как я использую InputNumber:

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

add




remove

Вот компонент со списком, который я упомянул выше:

import InputNumber from 'primevue/inputnumber'
import { useCartStore } from '../stores/cartStore.js'
import { storeToRefs } from 'pinia'

const cartStore = useCartStore()
const { cart } = storeToRefs(cartStore)
const { deleteFromCart } = cartStore








< /p>
Я пытался проверить компонент, но не смог найти причину, по которой он ведет себя таким образом. Я нигде не видел, чтобы для InputNumber устанавливалась фиксированная ширина или что-то подобное.
[img]https://i.sstatic.net /8jyaGJTK.png[/img]



Для ясности: я хочу, чтобы InputNumber соответствовал ширине родительского элемента.
Заранее спасибо!

Подробнее здесь: https://stackoverflow.com/questions/786 ... its-parent