fix icon of the edit button

Author: pettinarip

src/components/ButtonLink.tsx

@@ -21,6 +21,7 @@ const ButtonLink: React.FC<IProps> = ({ children, isSecondary, ...props }) => {
     <Button
       as={Link}
       activeStyle={{}}
+      hideArrow
       // `styles` object sent to `sx` prop per convention
       sx={{
         ...styles,

src/components/TableOfContents/index.tsx

@@ -94,11 +94,12 @@ const TableOfContents: React.FC<IProps> = ({
         <List {...outerListProps}>
           {!hideEditButton && (
             <ListItem mb={2}>
-              <ButtonLink to={editPath} variant="outline" hideArrow mt={0}>
-                <Flex alignItems="center">
-                  <Icon as={FaGithub} color="text" boxSize={6} me={2} />
-                  <Translation id="edit-page" />
-                </Flex>
+              <ButtonLink
+                leftIcon={<Icon as={FaGithub} />}
+                to={editPath}
+                variant="outline"
+              >
+                <Translation id="edit-page" />
               </ButtonLink>
             </ListItem>
           )}