React и Bulma: как сделать вертикальную прокрутку столбца с помощью css?

Используя React и Bulma столбцы, как сделать колонку вертикально прокручиваемой (overflow-y) с помощью css?

В приведенном ниже коде я просто получаю набор фильтров, которые отображаются в первом столбце благодаря компоненту «Фильтры». Затем я хочу отобразить список документов с помощью компонента DocumentListView. Это происходит во второй колонке.

Обратите внимание, что я добавил прокручиваемый класс во второй столбец, чтобы сделать этот столбец прокручиваемым по вертикали.

import React from 'react'
import Filters from './components/Filters/Filters'
import DocumentListView from './components/DocumentListView/DocumentListView'
import { fetchFilters } from './_actions'
import { connect } from 'react-redux'
import { BrowserRouter } from 'react-router-dom'

import './App.css'


class App extends React.Component {
    componentDidMount() {
        this.props.fetchFilters()
    }

    render() {
        return (
            <BrowserRouter>
                <div className='App'>
                    <div className='columns'>
                        <div className='column is-one-fifth'>
                            <Filters />
                        </div>
                        <div className='column scrollable'>
                            {/* This column should be vertically scrollable */}
                            <DocumentListView />
                        </div>
                        <div className='column'></div>
                    </div>
                </div>
            </BrowserRouter>
        )
    }
}

const mapDispatchToProps = (dispatch) => {
    return {
        fetchFilters: () => dispatch(fetchFilters()),
    }
}

export default connect(null, mapDispatchToProps)(App)

Вот файл App.css, который я использую:

html,
body {
    width: 100% !important;
    height: 100% !important;
    max-height: 100%;
    background-color: lightgray;
    overflow: hidden;
}

.App {
    width: 100%;
    height: 100%;
    padding: 2%;
}

.columns {
    height: 100%;
}

.scrollable {
    height: 100%;
    width: 100%;
    overflow-y: auto;
}

Спасибо за помощь.