diff --git a/src/components/Footer/index.js b/src/components/Footer/index.js
index a629b410..55c3778a 100644
--- a/src/components/Footer/index.js
+++ b/src/components/Footer/index.js
@@ -25,21 +25,27 @@ const Wrapper = styled.div`
     font-size: ${FONT_SIZE.SMALL};
     background: ${colors.LANDING};
     color: ${colors.TEXT_SECONDARY};
-    padding: 22px 48px;
+    padding: 10px 30px;
     display: flex;
+    height: 59px;
+    flex-wrap: wrap;
+    align-items: center;
     justify-content: space-between;
     border-top: 1px solid ${colors.BACKGROUND};
+
+    @media all and (max-width: 850px) {
+        justify-content: center;
+    }
 `;
 
 const StyledLink = styled(Link)`
-    margin: 0 6px;
-    margin-right: 20px;
+    margin: 0 10px;
     white-space: nowrap;
 `;
 
 const Copy = styled.div`
     white-space: nowrap;
-    margin-right: 20px;
+    margin-right: 10px;
 `;
 
 const Left = styled.div`
@@ -48,6 +54,7 @@ const Left = styled.div`
 
 const Right = styled.div`
     white-space: nowrap;
+    margin: 0 10px;
 `;
 
 const Footer = ({ opened, toggle, isLanding }: Props) => (
@@ -60,7 +67,7 @@ const Footer = ({ opened, toggle, isLanding }: Props) => (
         </Left>
         {!isLanding && (
             <Right>
-                Exchange rates by<StyledLink href="https://www.coingecko.com" isGreen>Coingecko</StyledLink>
+                Exchange rates by <Link href="https://www.coingecko.com" isGreen>Coingecko</Link>
             </Right>
         )}
     </Wrapper>