final css styles applied

website/src/components/Button/index.js

@@ -53,6 +53,7 @@ const Button = styled.button`
     svg {
       .nostroke {
         stroke: none;
+        fill: ${getThemeColor('background')};
       }
     }
   }

website/src/components/CodeBlock/Mdx.js

@@ -18,7 +18,7 @@ export default ({ children, className = 'javascript', language }) => {
           style={{
             ...style,
             overflowX: 'auto',
-            padding: 16,
+            padding: 30,
             borderRadius: 4,
             margin: '20px 0 20px 0',
             fontSize: 14,

website/src/components/CodeBlock/index.js

@@ -9,6 +9,7 @@ import { H4, AttributionText } from 'components/Typo';
 const Wrapper = styled(Box)`
   max-width: 750px;
   margin: 0 auto;
+  padding: 5px 0;
 
   h4 {
     margin-bottom: 10px;

website/src/components/Header/index.js

@@ -117,7 +117,7 @@ const NavItem = styled(Link)`
 const GithubButton = styled.a`
   font-size: 30px;
   display: block;
-  padding: ${(p) => (p.isButton ? '8px 16px' : '16px 0')};
+  padding: ${(p) => (p.isButton ? '12px 24px' : '16px 0')} !important;
   text-align: center;
   color: ${getThemeColor('textLight')};
 

website/src/components/TeaserFlow/index.js

@@ -37,8 +37,21 @@ const ReactFlowWrapper = styled(Box)`
 
 const DocsLink = styled(Link)`
   display: flex;
+  font-weight: bold;
   align-items: center;
   margin-top: 16px;
+
+  svg {
+    transform: translateX(0px);
+    transition: all 0.125s ease-in-out;
+  }
+
+  &:hover {
+    svg {
+      transform: translateX(5px);
+      transition: all 0.125s ease-in-out;
+    }
+  }
 `;
 
 const DescriptionWrapper = styled(Box)`
@@ -53,10 +66,10 @@ const DescriptionWrapper = styled(Box)`
 const Description = ({ title, description }) => (
   <DescriptionWrapper width={[1, 1, 0.35]}>
     <H2>{title}</H2>
-    <Text>{description}</Text>
+    <Text style={{ opacity: 0.7 }}>{description}</Text>
     <DocsLink to="/docs">
       Documentation{'  '}
-      <Icon width={24} name="arrow_right" colorizeStroke strokeColor="red" />
+      <Icon width={42} name="arrow_right" colorizeStroke strokeColor="red" />
     </DocsLink>
   </DescriptionWrapper>
 );