diff --git a/buildsrht/templates/job.html b/buildsrht/templates/job.html
index 69ffe24..e5eed5e 100644
--- a/buildsrht/templates/job.html
+++ b/buildsrht/templates/job.html
@@ -131,7 +131,7 @@
         </tr>
       {% endfor %}
       </table>
-      <a href="#bottom">go to bottom »</a><br>
+      <a class="to-bottom" href="#bottom">go to bottom »</a><br>
       <a class="to-top" href="#">go to top »</a>
     </div>
     <div class="col-lg-9 col-md-12">
diff --git a/scss/main.scss b/scss/main.scss
index d2c1225..8aaaf0f 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -89,12 +89,18 @@ a[href^="mailto:"] {
   font-family: monospace;
 }
 
-.to-top {
+.to-bottom {
   position: -webkit-sticky; /* for safari */
   position: sticky;
   top: 0;
 }
 
+.to-top {
+  position: -webkit-sticky; /* for safari */
+  position: sticky;
+  top: 1.5em;
+}
+
 @media(prefers-color-scheme: dark) {
   .cm-s-default.CodeMirror { background: #272822; color: #f8f8f2; }
   .cm-s-default div.CodeMirror-selected { background: #49483E; }