diff --git a/docs/_config.yml b/docs/_config.yml
index 71a15fccf7..32d6c901ee 100644
--- a/docs/_config.yml
+++ b/docs/_config.yml
@@ -31,6 +31,8 @@ minimal_mistakes_skin: "contrast" #default, neon, dark are also options
 
 # Build settings
 markdown: kramdown
+highlighter: rouge
+
 remote_theme: mmistakes/minimal-mistakes
 # Outputting
 permalink: /:categories/:title/
diff --git a/docs/assets/css/main.scss b/docs/assets/css/main.scss
index 23346e773b..98579fbbfb 100644
--- a/docs/assets/css/main.scss
+++ b/docs/assets/css/main.scss
@@ -5,4 +5,37 @@
 @charset "utf-8";
 
 @import "minimal-mistakes/skins/{{ site.minimal_mistakes_skin | default: 'default' }}"; // skin
-@import "minimal-mistakes"; // main partials
\ No newline at end of file
+@import "minimal-mistakes"; // main partials
+
+
+body {
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+}
+
+code,
+samp {
+  white-space: pre-wrap;
+}
+
+p > code,
+li > code,
+samp {
+  border-radius: .25em;
+  margin: 0 -.03125em;
+  padding: .0625em .25em 0; /* breathing room for inline code that has a different background or an outline */
+}
+
+article {
+  margin: 1em;
+}
+
+.highlight {
+  margin: 1em -1em; /* -1em left/right margins for full-bleed code samples */
+  padding: 1em;
+}
+
+.code-header {
+  display: flex;
+  justify-content: flex-end;
+}