Remove double scrolling bars

[eregon]

There may a better solution, but at least this is one way to fix it.

[chrisseaton]

What browser are you seeing this on?

[eregon]

Firefox, but also on Chrome (looks slightly different but still double scroll bars).

[chrisseaton]

I don't get why it shows scroll bars when it's not overflowing though?

[eregon]

The correct value is overflow-x: auto: https://www.w3schools.com/cssref/css3_pr_overflow-x.asp
scroll just means always show the scrollbar.
I'm not sure where you got that CSS from, but IIRC I got the same issue with the Jekyll default theme years ago.

This is an extract from my blog's CSS, and that part seems auto-generated with the minima theme:

.highlight {
  background-color: #f9f9f9;
  border-radius: 3px;
  line-height: 1.4;
  margin: 0 0 1rem;
  padding: 1rem; }
  .highlight pre {
    margin-bottom: 0;
    overflow-x: auto; }
  .highlight .lineno {
    color: #aaa;
    display: inline-block;
    padding: 0 .75rem 0 .25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }

So, it should be overflow-x: auto;, and probably only on the .highlight pre, not .highlight (but it seems to work fine if on both)

[eregon]

I updated the PR, this should fix it.
Please squash it since I used the GitHub online editor.