From a7b6aab2e67108f58b61d4c5502a8cf2efd262e7 Mon Sep 17 00:00:00 2001
From: Ally Weir <allyjweir@github.com>
Date: Thu, 20 Apr 2023 09:46:56 +0100
Subject: [PATCH] Update Header.mdx

Remove deprecated use of `mr` system prop, instead using `sx`.

Related PR: https://github.com/primer/react/pull/1336
---
 docs/content/Header.mdx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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>
 ```