From dd5b48dddeb2b7cf1c794f4e4f3583cf84d44997 Mon Sep 17 00:00:00 2001
From: Luqmaan Essop <luqmaan.essop@amazeelabs.com>
Date: Wed, 5 Jun 2024 13:38:10 +0000
Subject: [PATCH] refactor(SLB-405): change opacity prop styule

---
 packages/ui/src/components/Molecules/FadeUp.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/src/components/Molecules/FadeUp.tsx b/packages/ui/src/components/Molecules/FadeUp.tsx
index fe1dbb73b..3c592af7e 100644
--- a/packages/ui/src/components/Molecules/FadeUp.tsx
+++ b/packages/ui/src/components/Molecules/FadeUp.tsx
@@ -37,7 +37,7 @@ export function FadeUp({
         reducedMotion ? 'reducedMotion: On' : 'reducedMotion: Off',
       )}
       transition={{ duration: 0.8 }}
-      initial={{ opacity: reducedMotion ? 1 : 0, y: reducedMotion ? 0 : yGap }}
+      style={{ opacity: reducedMotion ? 1 : 0, y: reducedMotion ? 0 : yGap }}
       viewport={{ once: true }}
       whileInView={{ opacity: 1, y: 0 }}
     >