Запретить автоматическую полную ширину с помощью кнопки MUI? ⇐ CSS

[Гость]

Я использую стилизованную кнопку из MUI:

export const ButtonStyle = styled((props) => )(({ theme }) => ({ маржаТоп: 8, маржаBottom: 8, ширина: «авто», границаРадиус: 3 })); Но когда я создаю кнопку типа

Измените свой пароль Обновить пароль где DivStyle:

export const DivStyle = styled('div')(({theme }) => ({ дисплей: «гибкий», ширина: '90%', минШирина: 300, [theme.breakpoints.up('lg')]: { ширина: '70%' }, flexDirection: 'столбец', отступНиз: 0 })); Он создает кнопку полной ширины, например:



В документации MUI для fullWidth по умолчанию установлено значение false. Итак, мне интересно, почему кнопка по-прежнему занимает всю ширину родительского элемента div?