diff --git a/examples/stories/src/pages/home-page.mdx b/examples/stories/src/pages/home-page.mdx
index 841e54ac2..d3284fd06 100644
--- a/examples/stories/src/pages/home-page.mdx
+++ b/examples/stories/src/pages/home-page.mdx
@@ -27,7 +27,7 @@ export const BoxItem = ({ children, title, action, ...rest }) => (
   <Flex sx={{ flexDirection: 'column', alignItems: 'center',  maxWidth: '600px' }}>
     <Heading as="h1">component-controls</Heading>
     <Heading sx={{ py: 3 }} as="h3">
-      Start documenting your react components with <Link aria-label="create mdx stories" href="/tutorial/mdx-stories">MDX</Link> and <Link aria-label="create esm stories" href="/tutorial/esmodules-stories">ESM</Link>.
+      Start documenting your components with <Link sx={{ color: 'white' }} aria-label="create mdx stories" href="/tutorial/mdx-stories">MDX</Link> and <Link sx={{ color: 'white' }} aria-label="create esm stories" href="/tutorial/esmodules-stories">ESM</Link>.
     </Heading>  
     <Text sx={{ py: 1, textAlign: 'center' }}>
       From auto-generated documentation for your react components, all the way to a full-featured CMS with blogs, tutorials, tags, authors and full-text search: component-controls compbines the best of breed from all pre-existing tools in the industry into a flexible platform.