diff --git a/static/src/js/base.js b/static/src/js/base.js
index 77a1929..23d5ec5 100644
--- a/static/src/js/base.js
+++ b/static/src/js/base.js
@@ -6,4 +6,8 @@ window.addEventListener("load", () => {
     navbarBurger.classList.toggle("is-active");
     navbar.classList.toggle("is-active");
   });
+
+  document.getElementById("scroll-top").addEventListener("click", () => {
+    window.scrollTo({ top: 0, behavior: "smooth" });
+  });
 });
diff --git a/static/src/scss/base.scss b/static/src/scss/base.scss
index 40a7bbe..6cc8389 100644
--- a/static/src/scss/base.scss
+++ b/static/src/scss/base.scss
@@ -12,7 +12,6 @@
 html,
 body {
   height: 100%;
-  overflow-y: auto;
   display: flex;
   flex-direction: column;
 }
diff --git a/website/common/templates/common/hero.html b/website/common/templates/common/hero.html
index c4af0f1..06a380a 100644
--- a/website/common/templates/common/hero.html
+++ b/website/common/templates/common/hero.html
@@ -33,7 +33,7 @@
               </div>
             </div>
           </div>
-          <button class="button is-radiusless">Top</button>
+          <button class="button is-radiusless" id="scroll-top">Top <i class="fas fa-angle-up ml-2" aria-hidden="true"></i></button>
         </div>
       </div>
     </div>