unable to get rid of a x-overflow (scrollbar is hidden but I can still scroll to the right)

There is no such CSS property as x-overflow, you probably want overflow-x instead.

https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-x

You need to set that to 'hidden' to disable scrolling. You should look for the element that is wider than it should be (the element, that causes the scrolling). On its parent, you should have overflow-x: hidden, or you should prevent that element from being wider at all.