Как ограничить кнопку по краям?

Question

[Kropovniczky]

это код:

<ButtonGroup mode="vertical" gap="m" style={{ paddingTop: 10 }}>
                                <Button size="l" style={{ background: '#1F2936', color: '#F39C12'  }} before={<Icon24VideoOutline width={44} height={44} />} stretched>
                                    Реклама
                                </Button>
                                <Button size="l" style={{ background: '#1F2936', color: '#3498DB' }} before={<Icon32LinkCircleOutline width={44} height={44} />} stretched onClick={() => props.transfer()}>
                                    Перевести другу
                                </Button>
                            </ButtonGroup>

выглядит так:
нужно, чтобы выглядело так (на цвета и текст внимания не обращать)

Answer 1

[Тимофей]

ButtonGroup mode="vertical" gap="m" style={{ paddingTop: 10; width: как у контейнера выше }.

Или засунуть этот контейнер с кнопками и контейнер с балансом в один контейнер и задай им одинаковый размер такой же как у тебя сейчас. Далее надо уменьшить ширину кнопочек.

<Button size="l" style={{ background: '#1F2936', color: '#3498DB' ; width: 200px;}}

Самое простое это поиграться со стилями в дев тулз и потом просто поставить нужным элементам тебе подходящие.