From 513b51e6f27a33031632614d4c77053ac9efa9d1 Mon Sep 17 00:00:00 2001
From: Lukas Oppermann <lukasoppermann@github.com>
Date: Thu, 23 May 2024 11:08:17 +0200
Subject: [PATCH] Update Banner.tsx (#4598)

* Update Banner.tsx

Remove the use of --space tokens

* added changeset
---
 .changeset/slimy-pandas-turn.md      | 5 +++++
 packages/react/src/Banner/Banner.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/slimy-pandas-turn.md

diff --git a/.changeset/slimy-pandas-turn.md b/.changeset/slimy-pandas-turn.md
new file mode 100644
index 00000000000..07a6eeab3cf
--- /dev/null
+++ b/.changeset/slimy-pandas-turn.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Replaced space-small with base-size-6
diff --git a/packages/react/src/Banner/Banner.tsx b/packages/react/src/Banner/Banner.tsx
index 8f61ba1a1d1..ffc72811a9e 100644
--- a/packages/react/src/Banner/Banner.tsx
+++ b/packages/react/src/Banner/Banner.tsx
@@ -264,7 +264,7 @@ const StyledBanner = styled.div`
   }
 
   &[data-title-hidden=''] .BannerContent {
-    margin-block: var(--space-small, 0.375rem);
+    margin-block: var(--base-size-6, 0.375rem);
   }
 
   @media screen and (min-width: 544px) {