From b251e7db3fb8123ab287ef6b4ad16bbc524ef853 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=AA=20Boaventura?= <reneboaventuraneto@gmail.com>
Date: Tue, 14 May 2024 15:10:04 -0300
Subject: [PATCH] feat: move flyover close button to the right (#593)

---
 src/components/Flyover.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Flyover.tsx b/src/components/Flyover.tsx
index 5cb4a202..4015b30c 100644
--- a/src/components/Flyover.tsx
+++ b/src/components/Flyover.tsx
@@ -62,7 +62,7 @@ const FlyoverContentSC = styled.div<{
 
 const FlyoverHeaderWrapSC = styled.div(({ theme }) => ({
   alignItems: 'center',
-  justifyContent: 'start',
+  justifyContent: 'space-between',
   gap: theme.spacing.small,
   height: 56,
   borderBottom: `1px solid ${theme.colors.border}`,
@@ -132,6 +132,7 @@ function FlyoverRef(
       >
         {!!header && (
           <FlyoverHeaderWrapSC ref={ref}>
+            <FlyoverHeaderSC>{header}</FlyoverHeaderSC>
             <IconFrame
               textValue=""
               display="flex"
@@ -140,7 +141,6 @@ function FlyoverRef(
               onClick={onClose}
               icon={<CloseIcon />}
             />
-            <FlyoverHeaderSC>{header}</FlyoverHeaderSC>
           </FlyoverHeaderWrapSC>
         )}
         <FlyoverContentSC $scrollable={scrollable}>{children}</FlyoverContentSC>