How does one keep the outline panel open permanently or at least not overlap the website?

I have a large browser, so can have the content panel on the left and the outline panel on the right, with the full website in the middle. I prefer to keep them open like that as I can access everything quicker.

But the outline panel overlaps the right side of the website instead of being outside the website like the content panel does.

Is there a way to make it not overlap the site please? Its getting in the way!

Thanks