Размещение списка / аккордеона над кнопкой? (Semanti c UI)

Question

https://codesandbox.io/s/semantic-ui-react-8mfdn << песочница с грубым кодом </p>

Аккордеон выходит за пределы левой панели за кнопкой.

Я пробовал вставить style={{position: 'absolute', bottom:'2%', overflow: 'scroll'}} в Accordion или List , но при этом весь список перемещается вверх.

Есть ли способ сделать нижнюю часть гармошки над верхней частью кнопки, т.е. сделать отображаемый список короче?

Answer 1

Что-то вроде this ?

Я просто дал ему высоту (очевидно, вы можете увеличить ее в соответствии с вашими потребностями), и когда контент переполняется, появляется вертикальная полоса прокрутки.