diff --git a/src/components/page-footer.js b/src/components/page-footer.js
index ff8a8c9bd77..301509b34b8 100644
--- a/src/components/page-footer.js
+++ b/src/components/page-footer.js
@@ -44,7 +44,7 @@ const Contributors = ({contributors = [], latestCommit}) => {
         ))}
       </Box>
       {latestCommit ? (
-        <Text sx={{fontSize: 1, color: 'fg.muted', mt: 1}}>
+        <Text sx={{fontSize: 1, mt: 1}}>
           Last edited by <Link href={`https://github.com/${latestCommit.login}`}>{latestCommit.login}</Link> on{' '}
           <Link href={latestCommit.url}>{format(new Date(latestCommit.date))}</Link>
         </Text>
diff --git a/src/mdx/code.js b/src/mdx/code.js
index 0dddcef0823..c5732d9edcf 100644
--- a/src/mdx/code.js
+++ b/src/mdx/code.js
@@ -114,7 +114,16 @@ function Code({className = '', prompt, children}) {
           {tokens.map((line, i) => (
             <Box key={i} {...getLineProps({line, key: i})}>
               {line.map((token, key) => (
-                <MonoText key={key} {...getTokenProps({token, key})} />
+                <MonoText
+                  key={key}
+                  {...{
+                    ...getTokenProps({token, key}),
+                    style:
+                      getTokenProps({token, key}).className === 'token comment'
+                        ? {...getTokenProps({token, key}).style, color: '#747459'}
+                        : getTokenProps({token, key}).style,
+                  }}
+                />
               ))}
             </Box>
           ))}