From 902ebc8b7f4f0e2ef7771eeacc139ba8f774ceb5 Mon Sep 17 00:00:00 2001
From: IsaccoSordo <isacco.sordo@gmail.com>
Date: Thu, 12 Sep 2024 09:58:52 +0200
Subject: [PATCH] fix: positioning

---
 packages/beacon-ui/src/components/alert/index.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/packages/beacon-ui/src/components/alert/index.tsx b/packages/beacon-ui/src/components/alert/index.tsx
index 403ec47c4..a655ff85b 100644
--- a/packages/beacon-ui/src/components/alert/index.tsx
+++ b/packages/beacon-ui/src/components/alert/index.tsx
@@ -7,6 +7,14 @@ import useIsMobile from 'src/ui/alert/hooks/useIsMobile'
 const Alert: React.FC<React.PropsWithChildren<AlertProps>> = (props) => {
   const isMobile = useIsMobile()
 
+  const backButton = props.onBackClick ? (
+    <Button variant="outlined" onClick={props.onBackClick}>
+      <LeftIcon />
+    </Button>
+  ) : (
+    <Grid2 width={'3rem'} height={'1rem'} />
+  )
+
   return (
     <Modal open={true} onClose={props.onCloseClick}>
       <Box
@@ -30,12 +38,7 @@ const Alert: React.FC<React.PropsWithChildren<AlertProps>> = (props) => {
           justifyContent={'center'}
           flexWrap={'nowrap'}
         >
-          {props.onBackClick && (
-            <Button variant="outlined" onClick={props.onBackClick}>
-              <LeftIcon />
-            </Button>
-          )}
-          {!props.onBackClick && <Grid2 />}
+          {backButton}
           <LogoIcon />
           <Button variant="outlined" onClick={props.onCloseClick}>
             <CloseIcon />