Borders Not Scrolling With Rest of Content

I’ve got a few tables on my website that take up a lot of space which I’ve set to scroll sideways on small displays. The content is scrolling fine however the borders only cover the section that is initially visible and move off to the left as the user scrolls (see screenshots).

Each row in the table is a grid with content pulled from the CMS. The rows have a solid bottom border. All the content in the table plus the column headings sit inside a div that has overflow set to Auto.

Can anyone help with how to stop the border moving off to the left?

[1]: Inital State
Screenshot_20200315-233948|281x500

[2]: After scrolling
Screenshot_20200315-234000|281x500

Hi - welcome to the forum :slight_smile:

Share your read only links or at list - publish your site and attach here the link. You can also say your words in video (not affiliated :neutral_face:)