From 015c4e1741766db499fa36e5c768de99d4f8e725 Mon Sep 17 00:00:00 2001
From: Pete Watters <2938440+pete-watters@users.noreply.github.com>
Date: Mon, 11 Sep 2023 08:42:56 +0100
Subject: [PATCH] fix: adjust header background colour based on screen context,
 #4164

---
 src/app/components/header.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/app/components/header.tsx b/src/app/components/header.tsx
index 7a6ad880d37..3a9e0a3aea9 100644
--- a/src/app/components/header.tsx
+++ b/src/app/components/header.tsx
@@ -61,6 +61,10 @@ export const Header: React.FC<HeaderProps> = memo(props => {
       justifyContent="space-between"
       p="base"
       minHeight={['', '80px']}
+      backgroundColor={[
+        token('colors.accent.background-primary'),
+        token('colors.accent.background-secondary'),
+      ]}
       position="relative"
       {...rest}
     >