y-overflow on stack block flowing over the x-axis anyway?

[ad_1]

Hey all! I’m trying to make a stack block scrollable on the y axis. It has a bunch of groups in it that I want people to be able to scroll though, as well as the stack block being inside a larger stack block/container. I have no idea why, but when I add enough stuff to trigger the overflow, it flows over the x axis instead, even though it’s a stack and I have no x overflow css added… Any ideas why this really weird behavior is happening? Here is the page: [https://sdwhall.com/south-hof/record-hall/](https://sdwhall.com/south-hof/record-hall/)

Picture of the weird x-overflow:

https://preview.redd.it/gsxkxsj9oj8d1.png?width=1561&format=png&auto=webp&s=4e7878d744d125b8264351b990e09d6310252bda

This is the only css I’m applying to that “players” stack:
.scroll-y{

overflow-y:auto;

max-height:32rem;

}

Thanks in advance!

[ad_2]