Horizontal scrollbar and line numbers

v6
1

Hello,

I’ve added vertical and horizontal scroll bar and everything works great, however I’ve realized horizontal bar goes “over” line numbers, is there a way to limit its wide to “editor area”?

horizontal_scrollbar
horizontal_scrollbar908×1598 16.9 KB

In case extensions’s order can be involved, here’s the one I’m working with

{
    extensions: [
        EditorView.theme({
            '&': {
                width: '100%',
                height: '100%',
                backgroundColor: 'white'
            },
            '.cm-editor': {
                width: '100%'
            },
            '.cm-scroller': {
                overflow: 'auto'
            }
        }),
        lineNumbers(),
    ]
}

Many thanks,

Fran