From 26673626d23a34d8e70931a8efa4d32f72320ebd Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Mon, 5 Dec 2022 21:17:11 +0100
Subject: [PATCH] Remove color style for list items, and change first-child to
 first-of-type based on console error for SSR (#127)

---
 src/components/UI/docs/MDComponents.tsx | 2 +-
 src/pages/[...slug].tsx                 | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/UI/docs/MDComponents.tsx b/src/components/UI/docs/MDComponents.tsx
index 09f8b2b71f..ff1217b126 100644
--- a/src/components/UI/docs/MDComponents.tsx
+++ b/src/components/UI/docs/MDComponents.tsx
@@ -143,7 +143,7 @@ const MDComponents = {
     );
   },
   li: ({ children }: any) => {
-    return <ListItem color='primary'>{children}</ListItem>;
+    return <ListItem>{children}</ListItem>;
   },
   note: ({ children }: any) => {
     return <Note>{children}</Note>;
diff --git a/src/pages/[...slug].tsx b/src/pages/[...slug].tsx
index db92232ee2..3c5166e91b 100644
--- a/src/pages/[...slug].tsx
+++ b/src/pages/[...slug].tsx
@@ -116,7 +116,7 @@ const DocPage: NextPage<Props> = ({ frontmatter, content, navLinks, lastModified
             </Stack>
 
             <Flex width='100%' placeContent='space-between' gap={8}>
-              <Stack maxW='768px' sx={{ "*:first-child": { marginTop: '0 !important' } }}>
+              <Stack maxW='768px' sx={{ "*:first-of-type": { marginTop: '0 !important' } }}>
                 <ReactMarkdown
                   remarkPlugins={[gfm]}
                   rehypePlugins={[rehypeRaw]}