diff --git a/www/src/components/Layout.tsx b/www/src/components/Layout.tsx
index 6a2d4ed5..fc170c06 100644
--- a/www/src/components/Layout.tsx
+++ b/www/src/components/Layout.tsx
@@ -1,6 +1,7 @@
import { MDXProvider } from '@mdx-js/react';
import styled, { css } from 'astroturf/react';
import React, { useState } from 'react';
+import { Link } from 'gatsby';
import CodeBlock from './CodeBlock';
@@ -16,7 +17,7 @@ const Brand = styled('span')`
font-family: theme('fontFamily.brand');
`;
-const NavItem = styled('a')`
+const NavItem = styled(Link)`
composes: my-2, inline-block, font-brand, text-xl, text-white, text-shadow-sm, relative from global;
&::before {
@@ -109,11 +110,11 @@ function Layout(props: Props) {
`}
`}
>
- Introduction
- Setup
- Advanced features
- Migrating to v1
- Tooling
+ Introduction
+ Setup
+ Advanced features
+ Migrating to v1
+ Tooling