diff --git a/src/scss/themes/_hljs-tranquilpeak.scss b/src/scss/themes/_hljs-tranquilpeak.scss
index e374c7f9..ed8eecb5 100755
--- a/src/scss/themes/_hljs-tranquilpeak.scss
+++ b/src/scss/themes/_hljs-tranquilpeak.scss
@@ -5,6 +5,11 @@ pre > code {
     color:      map-get($highlight-colors, night-rider);
 }
 
+// allow for horizontal scrolling of code blocks
+pre > code.codeblock {
+    overflow-x: auto;
+}
+
 // Default inline code
 code {
     background-color: map-get($highlight, 'background');