1 files changed, 14 insertions, 10 deletions
diff --git a/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx b/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx
index 83d554f03..0271daf84 100644
--- a/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx
+++ b/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx
@@ -1,5 +1,6 @@
 import * as _ from 'lodash';
 import * as React from 'react';
+import {Link} from 'react-router-dom';
 import styled from 'styled-components';
 import {Heading, Paragraph} from 'ts/@next/components/text';
 
@@ -7,7 +8,7 @@ const navData = [
         {
             title: '0x Instant',
             description: 'Simple crypto purchasing',
-            url: '#',
+            url: '/next/0x-instant',
         },
         {
             title: '0x Launch kit',
@@ -24,22 +25,25 @@ export const DropdownProducts = () => (
     <List>
         {_.map(navData, (item, index) => (
             <li>
-                <Heading color="#000000" isNoMargin={true} size="small">
-                    {item.title}
-                </Heading>
+                <Link to={item.url}>
+                    <Heading color="#000000" isNoMargin={true} size="small">
+                        {item.title}
+                    </Heading>
 
-                {item.description &&
-                    <Paragraph color="#5d5d5d" isNoMargin={true} size="small">
-                        {item.description}
-                    </Paragraph>
-                }
+                    {item.description &&
+                        <Paragraph color="#5d5d5d" isNoMargin={true} size="small">
+                            {item.description}
+                        </Paragraph>
+                    }
+                </Link>
             </li>
         ))}
     </List>
 );
 
 const List = styled.ul`
-    li {
+    a {
         padding: 15px 30px;
+        display: block;
     }
 `;