Code listings are wider than other body text blocks by design; however, when a code listing appears inside a note, the left and right sides of the listing box protrude outside the shaded background of the note, creating a broken appearance.
A quick fix would be to apply a background-color: #fff to .note pre.
Code listings are wider than other body text blocks by design; however, when a code listing appears inside a note, the left and right sides of the listing box protrude outside the shaded background of the note, creating a broken appearance.
A quick fix would be to apply a
background-color: #fff
to.note pre
.