improvements

modules/contribute/header/header.tsx

@@ -39,7 +39,7 @@ export const locales: LocalesMap = {
 };
 
 function Arrow() {
-  const rootRef = useRef<HTMLDivElement>(null);
+  const rootRef = useRef<HTMLSpanElement>(null);
   const [isInvertArrow, setIsInvertArrow] = useState(false);
   const breakpoint640 = useMediaQuery('(max-width: 640px)');
   const breakpoint800 = useMediaQuery('(max-width: 800px)');
@@ -79,9 +79,9 @@ function Arrow() {
   return (
     <span ref={rootRef} className={styles.contributeArrow}>
       <span style={{ width: '140px', display: 'inline-block' }} />
-      <div style={{ left }}>
+      <span className={styles.arrowImage} style={{ left }}>
         {isInvertArrow ? <ContributeArrowInvert /> : <ContributeArrow />}
-      </div>
+      </span>
     </span>
   )
 }
@@ -123,4 +123,4 @@ export function Header() {
       </div>
     </header>
   );
-}
+}