diff --git a/assets/css/common/footer.css b/assets/css/common/footer.css
index 5f65cb21..80d2ba0f 100644
--- a/assets/css/common/footer.css
+++ b/assets/css/common/footer.css
@@ -39,9 +39,9 @@
     background: var(--tertiary);
     width: 42px;
     height: 42px;
-    padding: 12px;
+    padding: 10px;
     border-radius: 64px;
-    transition: visibility 0.5s, opacity 0.8s linear;
+    transition: visibility .3s, opacity .3s cubic-bezier(0.4, 0, 1, 1);
 }
 
 .top-link,
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 6d051170..929aad39 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -24,8 +24,10 @@
 
 {{- if (not site.Params.disableScrollToTop) }}
 <a href="#top" aria-label="go to top" title="Go to Top (Alt + G)" class="top-link" id="top-link" accesskey="g">
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentColor">
-        <path d="M12 6H0l6-6z" />
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+        stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevrons-up">
+        <polyline points="17 11 12 6 7 11"></polyline>
+        <polyline points="17 18 12 13 7 18"></polyline>
     </svg>
 </a>
 {{- end }}