diff --git a/packages/react-qr/src/Scan.tsx b/packages/react-qr/src/Scan.tsx
index a2f2baf8c..89ee6cea8 100644
--- a/packages/react-qr/src/Scan.tsx
+++ b/packages/react-qr/src/Scan.tsx
@@ -80,8 +80,8 @@ function Scan ({ className = '', delay = DEFAULT_DELAY, onError = DEFAULT_ERROR,
       style={containerStyle}
     >
       <video
-        ref={videoRef}
         className='ui--qr-Scan'
+        ref={videoRef}
         style={style}
       />
     </StyledDiv>