diff --git a/src/components/MdComponents/index.tsx b/src/components/MdComponents/index.tsx
index 25cd13d3cf2..a051ef9d6c3 100644
--- a/src/components/MdComponents/index.tsx
+++ b/src/components/MdComponents/index.tsx
@@ -17,7 +17,6 @@ import MarkdownImage from "@/components/Image/MarkdownImage"
 import IssuesList from "@/components/IssuesList"
 import LocaleDateTime from "@/components/LocaleDateTime"
 import MainArticle from "@/components/MainArticle"
-import { PieChart } from "@/components/PieChart"
 import { StandaloneQuizWidget } from "@/components/Quiz/QuizWidget"
 import TooltipLink from "@/components/TooltipLink"
 import { ButtonLink } from "@/components/ui/buttons/Button"
@@ -177,7 +176,6 @@ export const reactComponents = {
   FeaturedText,
   GlossaryTooltip,
   Page,
-  PieChart,
   QuizWidget: StandaloneQuizWidget,
   IssuesList,
   RestakingList,
diff --git a/src/layouts/Docs.tsx b/src/layouts/Docs.tsx
index 19e527b3e72..9d748a81156 100644
--- a/src/layouts/Docs.tsx
+++ b/src/layouts/Docs.tsx
@@ -21,6 +21,7 @@ import {
   Heading3 as MdHeading3,
   Heading4 as MdHeading4,
 } from "@/components/MdComponents"
+import { PieChart } from "@/components/PieChart"
 import SideNav from "@/components/SideNav"
 import SideNavMobile from "@/components/SideNavMobile"
 import TableOfContents from "@/components/TableOfContents"
@@ -92,6 +93,7 @@ export const docsComponents = {
   Divider,
   Emoji,
   GlossaryTooltip,
+  PieChart,
   YouTube,
 } as MDXRemoteProps["components"]