diff --git a/src/components/UI/docs/DocumentNav.tsx b/src/components/UI/docs/DocumentNav.tsx
index 26f792a1fa..ebf3467919 100644
--- a/src/components/UI/docs/DocumentNav.tsx
+++ b/src/components/UI/docs/DocumentNav.tsx
@@ -16,7 +16,7 @@ export const DocumentNav: FC<Props> = ({ content }) => {
     .filter(item => item.startsWith('##'))
     .filter(item => !item.startsWith('####'))
     .map(item => parseHeadingId([item]))
-    .filter(item => item);
+    .filter(item => item)
 
   const activeHash = useActiveHash(parsedHeadings.map(heading => heading!.headingId));
 
diff --git a/src/components/UI/docs/MDComponents.tsx b/src/components/UI/docs/MDComponents.tsx
index 0e082c08d9..1ef14b76de 100644
--- a/src/components/UI/docs/MDComponents.tsx
+++ b/src/components/UI/docs/MDComponents.tsx
@@ -91,13 +91,6 @@ const MDComponents = {
       </Heading>
     );
   },
-  h4: ({ children }: any) => {
-    return (
-      <Heading as='h4' mb='2.5 !important' {...h4} id={children}>
-        {children}
-      </Heading>
-    );
-  },
   // tables
   table: ({ children }: any) => (
     <Flex overflowX='auto'>