From ab3360a1ad6f73e470d9fbf241a0d24e1ac234e7 Mon Sep 17 00:00:00 2001
From: Jean-Philippe Sirois <jp@veksen.net>
Date: Tue, 31 Dec 2019 10:12:07 -0800
Subject: [PATCH] ui: improve bad animation on waves

---
 src/components/HomeHeader/styles.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/HomeHeader/styles.tsx b/src/components/HomeHeader/styles.tsx
index c103d0c..1243fcb 100644
--- a/src/components/HomeHeader/styles.tsx
+++ b/src/components/HomeHeader/styles.tsx
@@ -66,7 +66,6 @@ export const FadedBottomWave = styled.div`
   bottom: 0;
   left: 0;
   right: 0;
-  transition: opacity 0.5s, transform 0.5s;
   opacity: 0;
   pointer-events: none;
 
@@ -76,6 +75,7 @@ export const FadedBottomWave = styled.div`
 
   .is-home & {
     opacity: 1;
+    transition: opacity 0.5s, transform 0.5s;
     transform: translateY(0);
   }