diff --git a/src/components/UI/docs/MDComponents.tsx b/src/components/UI/docs/MDComponents.tsx
index a169eb8779..0e082c08d9 100644
--- a/src/components/UI/docs/MDComponents.tsx
+++ b/src/components/UI/docs/MDComponents.tsx
@@ -92,11 +92,9 @@ const MDComponents = {
     );
   },
   h4: ({ children }: any) => {
-    const { children: parsedChildren, headingId } = parseHeadingId(children);
-
     return (
-      <Heading as='h4' mb='2.5 !important' {...h4} id={headingId}>
-        {parsedChildren}
+      <Heading as='h4' mb='2.5 !important' {...h4} id={children}>
+        {children}
       </Heading>
     );
   },