hotfix: can't access button behind (#164)

Kimberley-College · Mar 22, 2022 · fb60fc7 · fb60fc7
1 parent 6bf65f6
commit fb60fc7
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/Home/Header.tsx b/src/components/Home/Header.tsx
@@ -27,7 +27,7 @@ const Header: React.FC = () => {
               <Button onClick={signin} leftIcon={<SiMicrosoftoffice />} fontSize="24" p={8}>Sign in with Office</Button>
             )}
       </Flex>
-      <Flex direction="row" mt="-30px" justify="center" zIndex={105} position="sticky" bottom={2}>
+      <Flex direction="row" alignSelf="center" w="60px" mt="-30px" justify="center" zIndex={105} position="sticky" bottom={2}>
         <BsArrowDownCircle size="60px" color="white" />
       </Flex>
       <Flex alignSelf="center" w="60px" h="60px" borderRadius="30px" shadow="dark-lg" direction="row" mt="-60px" justify="center" zIndex={110} position="sticky" bottom={2} _hover={{ cursor: 'pointer' }}>