Fix font size in code blocks (#1197)

apollographql · Jan 26, 2024 · 7e9f4ec · 7e9f4ec
1 parent 5d75744
commit 7e9f4ec
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/tiny-scissors-turn.md b/.changeset/tiny-scissors-turn.md
@@ -0,0 +1,5 @@
+---
+"apollo-client-devtools": patch
+---
+
+Fix font size of code blocks to match new Apollo design system.
diff --git a/src/application/components/CodeBlock.tsx b/src/application/components/CodeBlock.tsx
@@ -141,7 +141,7 @@ export const CodeBlock = ({
     <div
       className={clsx(
         className,
-        "flex gap-1 items-start bg-secondary dark:bg-secondary-dark p-4 rounded-lg relative border border-primary dark:border-primary-dark overflow-auto"
+        "flex gap-1 items-start bg-secondary dark:bg-secondary-dark p-4 rounded-lg relative border border-primary dark:border-primary-dark overflow-auto text-sm"
       )}
     >
       <Highlight language={language} theme={activeTheme} code={code}>