diff --git a/src/prism-styles.js b/src/prism-styles.js
index 736bbe3b..fcb8d8cd 100644
--- a/src/prism-styles.js
+++ b/src/prism-styles.js
@@ -35,9 +35,9 @@ css.global('.gatsby-highlight', {
 
 css.global(
   `
-.gatsby-highlight code[class*="gatsby-code-"],
-.gatsby-highlight pre[class*="gatsby-code-"],
-.gatsby-highlight pre.prism-code`,
+.gatsby-highlight > code[class*="gatsby-code-"],
+.gatsby-highlight > pre[class*="gatsby-code-"],
+.gatsby-highlight > pre.prism-code`,
   {
     height: 'auto !important',
     margin: '1rem',