Footer: Fixes the GitHub display on Safari

Redd-Developer · May 10, 2020 · 1b37709 · 1b37709 · vercel · May 10, 2020
1 parent e8a4bfc
commit 1b37709
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/Footer.js b/src/components/Footer.js
@@ -19,7 +19,9 @@ const StyledFooter = styled.footer`
 const GitHubLink = styled.a`
   margin-right: -10px;
   padding: 10px;
-  display: flex;
+  display: inline-block;
+  height: 24px;
+  box-sizing: content-box;
 `
 
 export const Footer = () => {
@@ -28,7 +30,7 @@ export const Footer = () => {
       <Box
         as={StyledFooter}
         flex
-        alignItems="flex-start"
+        alignItems="center"
         justifyContent="space-between"
         paddingTop="2rem"
         paddingBottom="1rem"