diff --git a/src/css/stylesheet.css b/src/css/stylesheet.css
index b043f73..ed25a10 100644
--- a/src/css/stylesheet.css
+++ b/src/css/stylesheet.css
@@ -240,7 +240,7 @@ pre[class*="language-"] {
   color: #ccc;
   background: 0 0;
   font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
-  @apply text-body-2xs sm:text-body-xs !important;
+  @apply text-body-3xs sm:text-body-xs !important;
   text-align: left;
   white-space: pre;
   word-spacing: normal;
@@ -334,7 +334,7 @@ pre[class*="language-"] {
 
 .kg-code-card,
 .language-sh {
-  @apply text-body-2xs sm:text-body-xs !important;
+  @apply text-body-3xs sm:text-body-xs !important;
 }
 
 /**
diff --git a/tailwind.config.js b/tailwind.config.js
index b4e229c..4a51070 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -100,6 +100,7 @@ module.exports = {
         "body-sm": [".889rem", { lineHeight: "130%" }],
         "body-xs": ["0.79rem", { lineHeight: "130%" }],
         "body-2xs": ["0.702rem", { lineHeight: "130%" }],
+        "body-3xs": ["0.602rem", { lineHeight: "130%" }],
         "button-xl": ["1.25rem", { lineHeight: "100%" }],
         "button-lg": ["1.1rem", { lineHeight: "100%" }],
         "button-base": ["1rem", { lineHeight: "100%" }],