Merge pull request #7785 from MahendraBishnoi29/dev

refactor `EthVideo.tsx` component with chakra UI

Author: pettinarip

src/components/EthVideo.tsx

@@ -1,9 +1,11 @@
 import React from "react"
 import { useTheme } from "@emotion/react"
+import { Box } from "@chakra-ui/react"
 
 import darkVideo from "../assets/ethereum-hero-dark.mp4"
 import lightVideo from "../assets/ethereum-hero-light.mp4"
 
+
 export interface IProps {
   className?: string
   videoSrc?: string
@@ -16,7 +18,7 @@ const EthVideo: React.FC<IProps> = ({ className, videoSrc }) => {
   const src = videoSrc ? videoSrc : isDarkTheme ? darkVideo : lightVideo
 
   return (
-    <div className={className}>
+    <Box className={className}>
       <video
         id="hero-video"
         width="100%"
@@ -27,7 +29,7 @@ const EthVideo: React.FC<IProps> = ({ className, videoSrc }) => {
         loop
         muted
       />
-    </div>
+    </Box>
   )
 }