diff --git a/site/source/design-system/typography/heading.tsx b/site/source/design-system/typography/heading.tsx
index 986d9bf2e..ba095f9a4 100644
--- a/site/source/design-system/typography/heading.tsx
+++ b/site/source/design-system/typography/heading.tsx
@@ -8,7 +8,7 @@ const baseHeading = css`
 		theme.darkMode
 			? theme.colors.extended.grey[100]
 			: theme.colors.bases.primary[700]};
-	background-color: inherit;
+	background-color: transparent;
 `
 
 export const HeadingUnderline = css`