From 52bdb61703f68a0a30968205adf88f8dce1ac41f Mon Sep 17 00:00:00 2001
From: Jerel Miller <jmiller@newrelic.com>
Date: Thu, 11 Jun 2020 12:39:32 -0700
Subject: [PATCH] chore: Wrap code snippet in <code /> tag

---
 src/components/CodeSnippet.js          | 22 ++++++++++++----------
 src/components/CodeSnippet.module.scss |  2 --
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/CodeSnippet.js b/src/components/CodeSnippet.js
index 29c58b8a8..7933ebc4d 100644
--- a/src/components/CodeSnippet.js
+++ b/src/components/CodeSnippet.js
@@ -32,16 +32,18 @@ const CodeSnippet = ({ children, copy, className, lineNumbers }) => {
         >
           {({ style, tokens, getLineProps, getTokenProps }) => (
             <pre className={styles.codeContainer} style={style}>
-              {tokens.map((line, i) => (
-                <div key={i} {...getLineProps({ line, key: i })}>
-                  {lineNumbers !== 'false' && (
-                    <span className={styles.lineNumber}>{i + 1}</span>
-                  )}
-                  {line.map((token, key) => (
-                    <span key={key} {...getTokenProps({ token, key })} />
-                  ))}
-                </div>
-              ))}
+              <code>
+                {tokens.map((line, i) => (
+                  <div key={i} {...getLineProps({ line, key: i })}>
+                    {lineNumbers !== 'false' && (
+                      <span className={styles.lineNumber}>{i + 1}</span>
+                    )}
+                    {line.map((token, key) => (
+                      <span key={key} {...getTokenProps({ token, key })} />
+                    ))}
+                  </div>
+                ))}
+              </code>
             </pre>
           )}
         </Highlight>
diff --git a/src/components/CodeSnippet.module.scss b/src/components/CodeSnippet.module.scss
index 89c37fdaa..967027458 100644
--- a/src/components/CodeSnippet.module.scss
+++ b/src/components/CodeSnippet.module.scss
@@ -1,5 +1,4 @@
 .container {
-  font-family: var(--code-font);
   line-height: 1rem;
   font-size: 0.75rem;
   max-height: 26rem;
@@ -12,7 +11,6 @@
   height: 100%;
   overflow-y: auto;
   padding: 1rem;
-  font-family: var(--code-font);
 }
 
 .lineNumber {