Scrollbar Issue

I have my page-content div set to max-width of 1200px. When doing so, the scrollbar is attached right on the outside of the div - and not where it usually sits in the web browser (far right edge).

As it stands now, it looks like the website is sitting in an iframe - and I don’t want that.

How can I move the scrollbar back to it’s original location?

Set max width to element inside of page-content and keep page-content 100% wide like it should