diff --git a/docs/content/Header.mdx b/docs/content/Header.mdx
index e076039f1b0..5bb22e1b187 100644
--- a/docs/content/Header.mdx
+++ b/docs/content/Header.mdx
@@ -23,7 +23,7 @@ All items directly under the Header component should be a `Header.Item` componen
     </Header.Link>
   </Header.Item>
   <Header.Item full>Menu</Header.Item>
-  <Header.Item mr={0}>
+  <Header.Item sx={{mr: 0}}>
     <Avatar src="https://github.com/octocat.png" size={20} square alt="@octocat" />
   </Header.Item>
 </Header>
@@ -37,7 +37,7 @@ All items directly under the Header component should be a `Header.Item` componen
   <Header.Item full border={1} borderStyle="solid">
     Item 2
   </Header.Item>
-  <Header.Item mr={0}>Item 3</Header.Item>
+  <Header.Item sx={{mr: 0}}>Item 3</Header.Item>
 </Header>
 ```