From 2abbe0031a7a43b0ab4bf2617b5f4d0abc2d1eeb Mon Sep 17 00:00:00 2001
From: Jordan Raffoul <me@jordanraffoul.com>
Date: Fri, 29 Jan 2021 10:57:00 -0500
Subject: [PATCH] fix(shared-video-splash): move styled-component outside of
 render

---
 .../components/VideoSplash/BigVideoButton/BigVideoButton.jsx  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/shared/components/VideoSplash/BigVideoButton/BigVideoButton.jsx b/shared/components/VideoSplash/BigVideoButton/BigVideoButton.jsx
index 6b4fcf6648..779feca480 100644
--- a/shared/components/VideoSplash/BigVideoButton/BigVideoButton.jsx
+++ b/shared/components/VideoSplash/BigVideoButton/BigVideoButton.jsx
@@ -79,9 +79,9 @@ const LittleWatchTextContainer = styled.span({
   ...media.from('md').css({ display: 'none' }),
 })
 
-const BigVideoButton = ({ icon, label, videoLength, ...rest }) => {
-  const IconAdjust = styled.span({ paddingTop: 2 })
+const IconAdjust = styled.span({ paddingTop: 2 })
 
+const BigVideoButton = ({ icon, label, videoLength, ...rest }) => {
   const timestamp = getTimestamp(videoLength)
 
   // TODO: After Box moves to Styled Components, use one Box with the between prop for spacing