diff --git a/docs/styled.mdx b/docs/styled.mdx
index 19220201f..4b05a93c4 100644
--- a/docs/styled.mdx
+++ b/docs/styled.mdx
@@ -170,7 +170,7 @@ const H1 = styled('h1', {
   shouldForwardProp: prop =>
     isPropValid(prop) && prop !== 'color'
 })(props => ({
-  color: 'hotpink'
+  color: props.color
 }))
 
 render(<H1 color="lightgreen">This is lightgreen.</H1>)