diff --git a/site/src/components/SyntaxHighlighter/SyntaxHighlighter.tsx b/site/src/components/SyntaxHighlighter/SyntaxHighlighter.tsx
index c2ed983881b4b..ee9c77e21cdce 100644
--- a/site/src/components/SyntaxHighlighter/SyntaxHighlighter.tsx
+++ b/site/src/components/SyntaxHighlighter/SyntaxHighlighter.tsx
@@ -34,6 +34,7 @@ export const SyntaxHighlighter: FC<{
 
   return (
     <div
+      data-chromatic="ignore"
       css={(theme) => ({
         padding: "8px 0",
         background: theme.palette.background.paper,