Overflow не работает без указания высоты

Имеется выезжающий блок с уведомлениями.

Красными выделены уведомления.

Сейчас высота всего блока 100% и при уменьшении экрана\увеличении количества уведомлений появляется скролл. Появилась надобность сделать высоту уведомлений не 100%, а по контенту. Соотвественно при уменьшении масштаба или увеличении количества сообщений перестал работать скроллинг.

Неработающий пример тут:

https://codesandbox.io/s/fervent-chihiro-9u93g?file=/src/App.js

Как в данном случае правильно ограничить высоту блока уведомлений по количеству этих самых уведомлений, сохраняя функционал скроллинга?