From 7e9f4ec48a82d78507e8f5b68672e65f4b03fded Mon Sep 17 00:00:00 2001
From: Jerel Miller <jerelmiller@gmail.com>
Date: Fri, 26 Jan 2024 08:36:03 -0700
Subject: [PATCH] Fix font size in code blocks (#1197)

---
 .changeset/tiny-scissors-turn.md         | 5 +++++
 src/application/components/CodeBlock.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/tiny-scissors-turn.md

diff --git a/.changeset/tiny-scissors-turn.md b/.changeset/tiny-scissors-turn.md
new file mode 100644
index 000000000..575917a27
--- /dev/null
+++ 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
index 73daf3c17..047c0c374 100644
--- 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}>