diff --git a/css/main.css b/css/main.css
--- a/css/main.css
+++ b/css/main.css
@@ -648,15 +648,17 @@
   line-height: 1.5em;
 }
 pre code {
-  white-space: pre;
+  white-space: pre-wrap;
+  word-break: break-word;
 }
 pre.highlight, .highlight > pre, td.code pre {
   background-color: #FAFAFA;
-  background-image: linear-gradient(#F9F9F9 50%, #FDFDFD 50%);
+  background-image: linear-gradient(#FDFDFD 50%, #F7F9FF 50%);
   background-repeat: repeat;
   background-size: 3em 3em;
-  background-position: 0px 10px;
-  border-left: 7px solid #444;
+  background-position: 0px 5px;
+  border-left: 5px solid #9AC;
+  padding: 5px 7px;
 }
 code table, code table td, code table th, code table tbody, code table tr,
 td.gutter pre {
@@ -664,9 +666,6 @@
   border: none;
   background-color: #fff;
 }
-.highlight > pre {
-  padding: 0;
-}
 td.code pre {
   border-width: 0 0 0 2px;
   border-style: solid;