diff --git a/packages/dashboard-v2/src/components/NavBar/NavBar.js b/packages/dashboard-v2/src/components/NavBar/NavBar.js
index 2b53f2be..38e05e1f 100644
--- a/packages/dashboard-v2/src/components/NavBar/NavBar.js
+++ b/packages/dashboard-v2/src/components/NavBar/NavBar.js
@@ -1,4 +1,4 @@
-import { Link } from "gatsby";
+import Link from "gatsby-link";
 import styled from "styled-components";
 
 import { screen } from "../../lib/cssHelpers";
diff --git a/packages/dashboard-v2/src/components/NavBar/NavBar.stories.js b/packages/dashboard-v2/src/components/NavBar/NavBar.stories.js
index e1022faa..0dc7c925 100644
--- a/packages/dashboard-v2/src/components/NavBar/NavBar.stories.js
+++ b/packages/dashboard-v2/src/components/NavBar/NavBar.stories.js
@@ -9,17 +9,7 @@ export default {
   },
 };
 
-const Template = (props) => (
-  <NavBar {...props}>
-    <NavBarSection>
-      <NavBarLink href="/dashboard" active>
-        Dashboard
-      </NavBarLink>
-      <NavBarLink href="/files">Files</NavBarLink>
-      <NavBarLink href="/payments">Payments</NavBarLink>
-    </NavBarSection>
-  </NavBar>
-);
+const Template = (props) => <NavBar {...props} />;
 
 export const DashboardTopNavigation = Template.bind({});
 DashboardTopNavigation.args = {};