From 170b14df4c5a51f4c73ca51c80316be874637277 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Wed, 22 Sep 2021 20:39:54 +0200
Subject: [PATCH] Sticky banner update

---
 components/global-header.tsx | 2 +-
 components/sticky-banner.tsx | 5 ++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/components/global-header.tsx b/components/global-header.tsx
index 9141a439a..0cbc3a129 100644
--- a/components/global-header.tsx
+++ b/components/global-header.tsx
@@ -88,7 +88,7 @@ function MobileMenuLinks() {
 
 export function GlobalHeader() {
   return (
-    <Box bg='gray.900' p='58px 0 20px'>
+    <Box bg='gray.900' p='20px 0'>
       <Container maxW='container.md'>
         <Flex justifyContent='space-between' alignItems='center'>
           <Box>
diff --git a/components/sticky-banner.tsx b/components/sticky-banner.tsx
index cbecd0c7a..b5f8464ff 100644
--- a/components/sticky-banner.tsx
+++ b/components/sticky-banner.tsx
@@ -10,9 +10,8 @@ export function StickyBanner() {
           bg={'yellow.300'}
           color='gray.900'
           alignItems='center'
-          position='fixed'
-          left={0}
-          right={0}
+          position='sticky'
+          top={0}
           zIndex={999}
           justifyContent='center'
           py='8px'