chore: Wrap code snippet in <code /> tag

newrelic · Jun 11, 2020 · 52bdb61 · 52bdb61
1 parent f4c1109
commit 52bdb61
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git 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
@@ -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 {