diff --git a/src/common/styles/common.css b/src/common/styles/common.css
index d05ae62e3..9bc9545aa 100644
--- a/src/common/styles/common.css
+++ b/src/common/styles/common.css
@@ -6,14 +6,11 @@
 
 @import './citations.css';
 
-article {
-  label:first-of-type {
-    position: sticky;
-    top: 0;
-    text-align: right;
-    padding: 12px 24px;
-    background: #fff;
-    z-index: 1;
+:--code-chunk {
+  pre,
+  pre[class*='language-'] {
+    background-color: transparent;
+    height: 100%;
   }
 }
 
diff --git a/src/themes/stencila/styles.css b/src/themes/stencila/styles.css
index 63fa8c8a8..fc464986d 100644
--- a/src/themes/stencila/styles.css
+++ b/src/themes/stencila/styles.css
@@ -1,3 +1,4 @@
+@import '../../common/styles/common.css';
 @import 'prismjs/themes/prism.css';
 @import '../../common/fonts/merriweather/merriweather.css';
 
@@ -217,10 +218,20 @@ article > figure,
 
 :--code-chunk {
   max-width: var(--max-width-media);
+
+  pre,
+  code,
+  pre[class*='language-'],
+  code[class*='language-'] {
+    font-family: var(--font-family-mono);
+  }
 }
 
-article > pre {
+article > pre,
+body > pre,
+main > pre {
   background-color: #fff;
+  padding: 1rem;
 }
 
 pre {