From fe407d72421241626cb9c17363855ac4fba7b6af Mon Sep 17 00:00:00 2001
From: Pete Watters <2938440+pete-watters@users.noreply.github.com>
Date: Fri, 30 Aug 2024 12:36:38 +0100
Subject: [PATCH] fix: adjust BigTitle padding and close, ref
 leather-io/extension#5802

---
 packages/ui/src/components/sheet/sheet-header.web.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/components/sheet/sheet-header.web.tsx b/packages/ui/src/components/sheet/sheet-header.web.tsx
index b4302c8a2..ebc01b90a 100644
--- a/packages/ui/src/components/sheet/sheet-header.web.tsx
+++ b/packages/ui/src/components/sheet/sheet-header.web.tsx
@@ -17,7 +17,7 @@ export function SheetHeader({ onClose, title, variant = 'default' }: SheetHeader
       justifyContent="flex-end"
       alignItems="center"
       m={{ base: 0, md: 'auto' }}
-      p="space.04"
+      p={variant === 'large' ? 'space.05' : 'space.04'}
       bg="transparent"
       width="100%"
       minHeight="headerHeight"
@@ -31,7 +31,9 @@ export function SheetHeader({ onClose, title, variant = 'default' }: SheetHeader
           {title}
         </styled.h2>
       )}
-      {onClose && <IconButton icon={<CloseIcon />} onClick={onClose} position="absolute" />}
+      {onClose && (
+        <IconButton icon={<CloseIcon />} onClick={onClose} position="absolute" top="space.05" />
+      )}
     </Flex>
   );
 }