From 9ae769ef6b1c7b5d5be9fc07ea683bd97dc7bd5a Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Wed, 30 Aug 2023 11:29:44 +0300
Subject: [PATCH] fix: move styles to not prerender

---
 .../Activation/Activation.tsx                 | 32 +++++++++----------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/pages/ValidatorOnboarding/Activation/Activation.tsx b/src/pages/ValidatorOnboarding/Activation/Activation.tsx
index d9bc1c00..2806ee88 100644
--- a/src/pages/ValidatorOnboarding/Activation/Activation.tsx
+++ b/src/pages/ValidatorOnboarding/Activation/Activation.tsx
@@ -6,25 +6,25 @@ import ActivationCard from './ActivationCard'
 import { Link } from 'react-router-dom'
 import { ArrowLeftIcon } from '@status-im/icons'
 
+const styles = {
+  confettiContainer: {
+    position: 'relative' as const,
+    width: '100%',
+    height: '100%',
+  },
+  confettiCanvas: {
+    position: 'absolute' as const,
+    top: 0,
+    left: 0,
+    width: '100%',
+    height: '100%',
+    zIndex: 1,
+  },
+}
+
 const Activation = () => {
   const [showConfetti, setShowConfetti] = useState(true)
 
-  const styles = {
-    confettiContainer: {
-      position: 'relative' as const,
-      width: '100%',
-      height: '100%',
-    },
-    confettiCanvas: {
-      position: 'absolute' as const,
-      top: 0,
-      left: 0,
-      width: '100%',
-      height: '100%',
-      zIndex: 1,
-    },
-  }
-
   useEffect(() => {
     const timer = setTimeout(() => {
       setShowConfetti(false)