How to get long lines of code in editor to scroll horizontally?

I have an editor with the font-size set to be reasonable for typing prose, but I sometimes include code blocks with long lines of code. editing a line of code with no spaces that is longer than the width of the screen triggers some scrolling behavior. I would like for there to be horizontal scroll bars on the code blocks (i.e. not the whole editor). Is that possible?

It turned out to just need these styles:

.ProseMirror pre {
  overflow-x: scroll;

.ProseMirror-menubar-wrapper  {
  width: 100%;