diff --git a/components/top-nav/index.js b/components/site-nav/index.js
similarity index 92%
rename from components/top-nav/index.js
rename to components/site-nav/index.js
index 1e851a9d3..a5fa0cbf9 100644
--- a/components/top-nav/index.js
+++ b/components/site-nav/index.js
@@ -1,7 +1,7 @@
 import Link from 'next/link';
 import { HeaderWrap } from './style';
 
-const TopNav = () => (
+const SiteNav = () => (
   <HeaderWrap>
     <div className="top-row container">
       <div className="flex-grow-1 brand">
@@ -19,4 +19,4 @@ const TopNav = () => (
   </HeaderWrap>
 );
 
-export default TopNav;
+export default SiteNav;
diff --git a/components/top-nav/style.js b/components/site-nav/style.js
similarity index 100%
rename from components/top-nav/style.js
rename to components/site-nav/style.js
diff --git a/layouts/guide/index.js b/layouts/guide/index.js
index ef562fec7..1df2b8f74 100644
--- a/layouts/guide/index.js
+++ b/layouts/guide/index.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import DefaultLayout from 'layouts/default';
-import TopNav from 'components/top-nav';
+import SiteNav from 'components/site-nav';
 import PageFooter from 'components/page-footer';
 
 class GuideLayout extends React.Component {
@@ -9,7 +9,7 @@ class GuideLayout extends React.Component {
 
     return (
       <DefaultLayout>
-        <TopNav />
+        <SiteNav />
         { children }
         <PageFooter />
       </DefaultLayout>
diff --git a/pages/[roadmap]/index.js b/pages/[roadmap]/index.js
index b151a4829..cb5ee8819 100644
--- a/pages/[roadmap]/index.js
+++ b/pages/[roadmap]/index.js
@@ -1,6 +1,6 @@
 import Error from 'next/error';
 import DefaultLayout from 'layouts/default';
-import TopNav from 'components/top-nav';
+import SiteNav from 'components/site-nav';
 import PageFooter from 'components/page-footer';
 import RoadmapSummary from 'components/roadmap-summary';
 import { serverOnlyProps } from 'lib/server';
@@ -15,7 +15,7 @@ const Roadmap = ({ roadmap }) => {
   return (
     <DefaultLayout>
       <Helmet title={ roadmap.title } description={ roadmap.description } />
-      <TopNav />
+      <SiteNav />
       <RoadmapSummary roadmap={ roadmap } />
       <PageFooter />
     </DefaultLayout>
diff --git a/pages/about.js b/pages/about.js
index bf5192e50..f7fa6519b 100644
--- a/pages/about.js
+++ b/pages/about.js
@@ -1,12 +1,12 @@
 import AboutHeader from 'components/about-header/index';
 import PageFooter from 'components/page-footer/index';
-import TopNav from 'components/top-nav';
+import SiteNav from 'components/site-nav';
 import DefaultLayout from 'layouts/default/index';
 import FaqList from 'components/faq-list/index';
 
 const About = () => (
   <DefaultLayout>
-    <TopNav />
+    <SiteNav />
     <AboutHeader />
     <FaqList />
     <PageFooter />
diff --git a/pages/guides/index.js b/pages/guides/index.js
index 8e0cfd7a8..648533981 100644
--- a/pages/guides/index.js
+++ b/pages/guides/index.js
@@ -1,9 +1,9 @@
 import DefaultLayout from 'layouts/default/index';
-import TopNav from 'components/top-nav';
+import SiteNav from 'components/site-nav';
 
 const Roadmap = () => (
   <DefaultLayout>
-    <TopNav />
+    <SiteNav />
     <div className="container">
       <p>Show all guides here</p>
     </div>
diff --git a/pages/index.js b/pages/index.js
index bed416cf1..c177cddc6 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,12 +1,12 @@
 import FeaturedContent from 'components/featured-content/index';
 import HeroSection from 'components/hero-section/index';
 import PageFooter from 'components/page-footer/index';
-import TopNav from 'components/top-nav';
+import SiteNav from 'components/site-nav';
 import DefaultLayout from 'layouts/default/index';
 
 const Home = (props) => (
   <DefaultLayout>
-    <TopNav />
+    <SiteNav />
     <HeroSection />
     <FeaturedContent />
     <PageFooter />
diff --git a/pages/privacy.js b/pages/privacy.js
index 0b7c69795..04cbad2f7 100644
--- a/pages/privacy.js
+++ b/pages/privacy.js
@@ -1,4 +1,4 @@
-import TopNav from 'components/top-nav';
+import SiteNav from 'components/site-nav';
 import PageFooter from 'components/page-footer/index';
 import { TosPage } from 'components/tos-page/index';
 import DefaultLayout from 'layouts/default/index';
@@ -6,7 +6,7 @@ import DefaultLayout from 'layouts/default/index';
 const Privacy = () => (
   <DefaultLayout>
     <TosPage>
-      <TopNav />
+      <SiteNav />
       <div className="bg-light border-top privacy-wrap">
         <div className="container pt-5 pb-5">
           <h2 className='font-weight-bold mb-3'>Privacy Policy</h2>
diff --git a/pages/roadmaps.js b/pages/roadmaps.js
index 3bac7b9c6..64ae6823a 100644
--- a/pages/roadmaps.js
+++ b/pages/roadmaps.js
@@ -1,11 +1,11 @@
 import roadmaps from 'data/roadmaps';
 import DefaultLayout from 'layouts/default/index';
-import TopNav from 'components/top-nav';
+import SiteNav from 'components/site-nav';
 import RoadmapBlock from 'components/roadmap-block';
 
 const RoadmapsList = () => (
   <DefaultLayout>
-    <TopNav />
+    <SiteNav />
     <div className="container">
       <div className="row">
         { roadmaps
diff --git a/pages/terms.js b/pages/terms.js
index 1b5e49d78..478c78638 100644
--- a/pages/terms.js
+++ b/pages/terms.js
@@ -1,12 +1,12 @@
 import PageFooter from 'components/page-footer/index';
-import TopNav from 'components/top-nav';
+import SiteNav from 'components/site-nav';
 import { TosPage } from 'components/tos-page/index';
 import DefaultLayout from 'layouts/default/index';
 
 const Terms = () => (
   <DefaultLayout>
     <TosPage>
-      <TopNav />
+      <SiteNav />
       <div className="bg-light border-top tos-wrap">
         <div className="container pt-5 pb-5">
           <h2>Terms of Service</h2>