diff --git a/swh/web/assets/src/bundles/webapp/webapp.css b/swh/web/assets/src/bundles/webapp/webapp.css
--- a/swh/web/assets/src/bundles/webapp/webapp.css
+++ b/swh/web/assets/src/bundles/webapp/webapp.css
@@ -235,7 +235,7 @@
 }
 
 #back-to-top {
-    display: initial;
+    display: none;
     position: fixed;
     bottom: 30px;
     right: 30px;
diff --git a/swh/web/templates/layout.html b/swh/web/templates/layout.html
--- a/swh/web/templates/layout.html
+++ b/swh/web/templates/layout.html
@@ -211,4 +211,14 @@
     swh.webapp.setReCaptchaActivated({{ grecaptcha_activated|jsonify }});
   </script>
 
+  <script defer>
+    window.onscroll = function() {
+      if (document.body.scrollTop > 60 || document.documentElement.scrollTop > 60) {
+        document.getElementById("back-to-top").style.display = "block";
+      } else {
+        document.getElementById("back-to-top").style.display = "none";
+      }
+    }
+  </script>
+
 </html>