diff --git a/containers/react/src/components/Alert/GreenAlert.tsx b/containers/react/src/components/Alert/GreenAlert.tsx
index 11832c45..9f39d2d6 100644
--- a/containers/react/src/components/Alert/GreenAlert.tsx
+++ b/containers/react/src/components/Alert/GreenAlert.tsx
@@ -23,8 +23,9 @@ interface AlertProps {
   }
 
 function GreenAlert ({handleClose, text}: AlertProps){
-        
+        {setTimeout(handleClose, 1500)}
         return(
+            
             <Backdrop onClick={handleClose}>
         <motion.div
                 onClick={(e) => e.stopPropagation()}
@@ -37,7 +38,6 @@ function GreenAlert ({handleClose, text}: AlertProps){
                 <AiOutlineCheckCircle/>
                <p>{text}</p>
             </motion.div>
-               {setTimeout(handleClose, 1500)}
         </Backdrop>
     )
 }
diff --git a/containers/react/src/components/Alert/RedAlert.tsx b/containers/react/src/components/Alert/RedAlert.tsx
index 98062543..37a02323 100644
--- a/containers/react/src/components/Alert/RedAlert.tsx
+++ b/containers/react/src/components/Alert/RedAlert.tsx
@@ -23,6 +23,7 @@ interface AlertProps {
   }
 
 function RedAlert ({handleClose, text}: AlertProps) {
+    {setTimeout(handleClose, 1500)}
     return(
         <Backdrop onClick={handleClose}>
         <motion.div
@@ -36,7 +37,6 @@ function RedAlert ({handleClose, text}: AlertProps) {
             <BiErrorCircle/>
             <p>{text}</p>
             </motion.div>
-                {setTimeout(handleClose, 1500)}
         </Backdrop>
     )
 }
diff --git a/containers/react/src/components/Alert/YellowAlert.tsx b/containers/react/src/components/Alert/YellowAlert.tsx
index eab74971..7eb7570c 100644
--- a/containers/react/src/components/Alert/YellowAlert.tsx
+++ b/containers/react/src/components/Alert/YellowAlert.tsx
@@ -25,6 +25,7 @@ interface AlertProps {
   }
 
 function YellowAlert ({handleClose, text, icon}: AlertProps) {
+    {setTimeout(handleClose, 3000)}
     return(
         <Backdrop onClick={handleClose}>
         <motion.div
@@ -53,7 +54,6 @@ function YellowAlert ({handleClose, text, icon}: AlertProps) {
 
             <h5>{text}</h5>
             </motion.div>
-            {setTimeout(handleClose, 3000)}
         </Backdrop>
     )
 }
diff --git a/containers/react/src/pages/Home.tsx b/containers/react/src/pages/Home.tsx
index 4e6f1dd3..9b8326ee 100644
--- a/containers/react/src/pages/Home.tsx
+++ b/containers/react/src/pages/Home.tsx
@@ -3,10 +3,10 @@
 /*                                                        :::      ::::::::   */
 /*   Home.tsx                                           :+:      :+:    :+:   */
 /*                                                    +:+ +:+         +:+     */
-/*   By: apommier <apommier@student.42.fr>          +#+  +:+       +#+        */
+/*   By: sadjigui <sadjigui@student.42.fr>          +#+  +:+       +#+        */
 /*                                                +#+#+#+#+#+   +#+           */
 /*   Created: 2023/06/09 08:19:04 by apommier          #+#    #+#             */
-/*   Updated: 2023/06/24 23:26:45 by apommier         ###   ########.fr       */
+/*   Updated: 2023/06/26 04:03:16 by sadjigui         ###   ########.fr       */
 /*                                                                            */
 /* ************************************************************************** */
 
@@ -243,7 +243,7 @@ function Home () {
 				// 	backdropFilter: move ? "blur(10px)" : "none",
 				// 	WebkitBackdropFilter: move ? "blur(10px)" : "none"
 				//   }}
-				animate={{x: move ? '-50%' : '30%'}}
+				animate={{x: move ? '-50%' : '25%'}}
 				transition={{type: "tween", duration: 0.5}}>
 					<Profile/>
 			</motion.div>