Updated sublinks on about

1 files changed, 6 insertions, 5 deletions

diff --git a/packages/website/ts/@next/pages/about/jobs.tsx b/packages/website/ts/@next/pages/about/jobs.tsx
index e650408c8..740bd090e 100644
--- a/packages/website/ts/@next/pages/about/jobs.tsx
+++ b/packages/website/ts/@next/pages/about/jobs.tsx
@@ -1,5 +1,6 @@
 import * as React from 'react';
 import styled from 'styled-components';
+import { Link as ReactRouterLink } from 'react-router-dom';
 
 import { colors } from 'ts/style/colors';
 
@@ -18,10 +19,10 @@ export const NextAboutJobs = () => (
     <Section>
       <Wrap>
          <Column colWidth="1/3">
-            <ChapterLink href="#">Our Mission</ChapterLink>
-            <ChapterLink href="#">Team</ChapterLink>
-            <ChapterLink href="#">Press</ChapterLink>
-            <ChapterLink href="#">Jobs</ChapterLink>
+            <ChapterLink to="/next/about/mission">Our Mission</ChapterLink>
+            <ChapterLink to="/next/about/team">Team</ChapterLink>
+            <ChapterLink to="/next/about/press">Press</ChapterLink>
+            <ChapterLink to="/next/about/jobs">Jobs</ChapterLink>
         </Column>
         <Column colWidth="2/3">
             <Heading size="medium">Creating a tokenized world where all value can flow freely.</Heading>
@@ -79,7 +80,7 @@ export const NextAboutJobs = () => (
   </SiteWrap>
 );
 
-const ChapterLink = styled.a`
+const ChapterLink = styled(ReactRouterLink)`
     font-size: 1.222222222rem;
     display: block;
     opacity: 0.8;