diff --git a/src/components/header.js b/src/components/header.js
index bcb0466a..5828752b 100644
--- a/src/components/header.js
+++ b/src/components/header.js
@@ -21,7 +21,7 @@ function Header({ siteTitle, siteDescription, siteUrl }) {
         <meta name="twitter:image" content={`${siteUrl}/twitter-card.png`} />
       </Helmet>
       <div>
-        <h1>
+        <h1 id="top">
           <Link to="/">/uses</Link>
         </h1>
         <p>
diff --git a/src/pages/index.js b/src/pages/index.js
index 54059752..0519dd91 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -7,6 +7,17 @@ import Layout from '../components/layout';
 import Person from '../components/Person';
 import Topics from '../components/Topics';
 
+const BackToTopLink = styled.a`
+  position: fixed;
+  bottom: 1%;
+  right: 1%;
+  background: var(--pink);
+  cursor: pointer;
+  border-radius: 3px;
+  padding: 1rem;
+  transition: background-color 0.2s ease 0s;
+`;
+
 function IndexPage() {
   const { currentTag } = useContext(FilterContext);
   const { allPerson } = useStaticQuery(graphql`
@@ -43,6 +54,7 @@ function IndexPage() {
           <Person key={person.name} person={person} currentTag={currentTag} />
         ))}
       </People>
+      <BackToTopLink href="#top">&uarr; Back to top</BackToTopLink>
     </Layout>
   );
 }