diff --git a/src/components/DocContent.module.scss b/src/components/DocContent.module.scss
index bd24aa7b..30ed90bf 100644
--- a/src/components/DocContent.module.scss
+++ b/src/components/DocContent.module.scss
@@ -27,6 +27,36 @@
         word-wrap: normal;
         word-break: normal;
     }
+
+    :not(pre) > code {
+        background: darken($brand-white, 5%);
+        color: $brand-grey-dark;
+        display: inline-block;
+        padding-left: .3rem;
+        padding-right: .3rem;
+    }
+
+    pre {
+        display: block;
+        margin-bottom: $spacer;
+        padding: 0;
+        background: $brand-black;
+
+        // make 'em scrollable
+        overflow: auto;
+        -webkit-overflow-scrolling: touch;
+
+        code {
+            padding: $spacer;
+            white-space: pre;
+            display: block;
+            color: $brand-grey-lighter;
+            overflow-wrap: normal;
+            word-wrap: normal;
+            word-break: normal;
+            overflow: auto;
+        }
+    }
 }
 
 .empty {
diff --git a/src/styles/global.scss b/src/styles/global.scss
index cc372c02..04b4fbb2 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -282,35 +282,35 @@ samp {
     }
 }
 
-:not(pre) > code {
-    background: darken($brand-white, 5%);
-    color: $brand-grey-dark;
-    display: inline-block;
-    padding-left: .3rem;
-    padding-right: .3rem;
-}
+// :not(pre) > code {
+//     background: darken($brand-white, 5%);
+//     color: $brand-grey-dark;
+//     display: inline-block;
+//     padding-left: .3rem;
+//     padding-right: .3rem;
+// }
 
-pre {
-    display: block;
-    margin-bottom: $spacer !important;
-    padding: 0 !important;
-    background: $brand-black !important;
+// pre {
+//     display: block;
+//     margin-bottom: $spacer;
+//     padding: 0;
+//     background: $brand-black;
 
-    // make 'em scrollable
-    overflow: auto;
-    -webkit-overflow-scrolling: touch;
+//     // make 'em scrollable
+//     overflow: auto;
+//     -webkit-overflow-scrolling: touch;
 
-    code {
-        padding: $spacer;
-        white-space: pre;
-        display: block;
-        color: $brand-grey-lighter !important;
-        overflow-wrap: normal;
-        word-wrap: normal;
-        word-break: normal;
-        overflow: auto;
-    }
-}
+//     code {
+//         padding: $spacer;
+//         white-space: pre;
+//         display: block;
+//         color: $brand-grey-lighter;
+//         overflow-wrap: normal;
+//         word-wrap: normal;
+//         word-break: normal;
+//         overflow: auto;
+//     }
+// }
 
 // Selection
 /////////////////////////////////////