diff --git a/web/scss/_blog.scss b/web/scss/_blog.scss
index e57bd408..0ba1a112 100644
--- a/web/scss/_blog.scss
+++ b/web/scss/_blog.scss
@@ -97,6 +97,9 @@
   margin-right: auto;
   max-width: $max-post-content-width;
   margin-bottom: $spacing-vertical * 2;
+  padding-left: $content-side-padding;
+  padding-right: $content-side-padding;
+
   a[href]:not([class])
   {
     @include anchor($color-primary);
diff --git a/web/scss/_code.scss b/web/scss/_code.scss
index b41c1df2..01cc7a8c 100644
--- a/web/scss/_code.scss
+++ b/web/scss/_code.scss
@@ -20,6 +20,7 @@ pre
   border-left: .3rem solid $color-primary;
   padding: 10px 20px;
   white-space: pre-wrap;
+  overflow-x: scroll;
 }
 
 
diff --git a/web/scss/_content.scss b/web/scss/_content.scss
index 4a77f998..158ac4db 100644
--- a/web/scss/_content.scss
+++ b/web/scss/_content.scss
@@ -25,8 +25,8 @@
     max-width: $max-text-width + 200;
   }
 
-  padding-left: 15px;
-  padding-right: 15px;
+  padding-left: $content-side-padding;
+  padding-right: $content-side-padding;
 
   h1, h2, h3, h4
   {
diff --git a/web/scss/_global.scss b/web/scss/_global.scss
index a49ec16f..e15955d3 100644
--- a/web/scss/_global.scss
+++ b/web/scss/_global.scss
@@ -18,6 +18,8 @@ $max-post-content-width: 800px;
 $font-header: 'Raleway', sans-serif;
 $font-body: 'Raleway', sans-serif;
 
+$content-side-padding: 15px;
+
 @mixin anchor($color)
 {
   color: $color;