diff --git a/website/docs/guides/markdown-features/markdown-features-code-blocks.mdx b/website/docs/guides/markdown-features/markdown-features-code-blocks.mdx
index 7eb0cd4ca1..27ddb18af6 100644
--- a/website/docs/guides/markdown-features/markdown-features-code-blocks.mdx
+++ b/website/docs/guides/markdown-features/markdown-features-code-blocks.mdx
@@ -331,6 +331,7 @@ const ButtonExample = (props) => (
     {...props}
     style={{
       backgroundColor: 'white',
+      color: 'black',
       border: 'solid red',
       borderRadius: 20,
       padding: 10,
diff --git a/website/src/theme/ReactLiveScope/components.tsx b/website/src/theme/ReactLiveScope/components.tsx
index d7555334ff..29b9beb9b9 100644
--- a/website/src/theme/ReactLiveScope/components.tsx
+++ b/website/src/theme/ReactLiveScope/components.tsx
@@ -14,6 +14,7 @@ export function ButtonExample(props: ComponentProps<'button'>): JSX.Element {
       {...props}
       style={{
         backgroundColor: 'white',
+        color: 'black',
         border: 'solid red',
         borderRadius: 20,
         padding: 10,