diff --git a/components/StyledMarkdown.tsx b/components/StyledMarkdown.tsx
index 512a1b235..836c6fa57 100644
--- a/components/StyledMarkdown.tsx
+++ b/components/StyledMarkdown.tsx
@@ -489,7 +489,7 @@ const StyledMarkdownBlock = ({ markdown }: { markdown: string }) => {
                 );
               },
             },
-            TableOfContent: {
+            tableofcontent: {
               component: ({ depth }) => {
                 // eslint-disable-next-line react-hooks/rules-of-hooks
                 const fullMarkdown = useContext(FullMarkdownContext);
diff --git a/pages/learn/getting-started-step-by-step.md b/pages/learn/getting-started-step-by-step.md
index 952317da5..f9e287bb5 100644
--- a/pages/learn/getting-started-step-by-step.md
+++ b/pages/learn/getting-started-step-by-step.md
@@ -7,7 +7,7 @@ JSON Schema is a vocabulary that you can use to annotate and validate JSON docum
 
 After you create the JSON Schema document, you can validate the example data against your schema using a validator in a language of your choice. See <userevent type='plausible-event-name=activation-explore-tools'>[Tools](https://json-schema.org/implementations)</userevent> for a current list of supported validators.
 
-<TableOfContent depth={2} />
+<tableofcontent depth={2} />
 
 <span id="overview"></span>
 
diff --git a/pages/md-style-guide.md b/pages/md-style-guide.md
index 64b6fecac..f2d616f68 100644
--- a/pages/md-style-guide.md
+++ b/pages/md-style-guide.md
@@ -151,7 +151,7 @@ Danger is a special type of info box in which text showing any danger can be sho
 Table of Contents provides a structured overview of the main sections or chapters within the current page/document.
 
 ```markdown
-<TableOfContent content={content} depth={depth} />
+<tableofcontent content={content} depth={depth} />
 ```
 
 ---
diff --git a/pages/specification-links.md b/pages/specification-links.md
index a3ce19d1e..a327ef50d 100644
--- a/pages/specification-links.md
+++ b/pages/specification-links.md
@@ -7,7 +7,7 @@ section: docs
 
 You can find the latest released draft on the [Specification](../../specification) page.  The complex numbering and naming system for drafts and meta-schemas is fully explained here as well.
 
-<TableOfContent depth={4} />
+<tableofcontent depth={4} />
 
 ## Understanding draft names and numbers