diff --git a/sass/_pagination.scss b/sass/_pagination.scss
index 9e7e5f4..c311677 100644
--- a/sass/_pagination.scss
+++ b/sass/_pagination.scss
@@ -21,6 +21,7 @@
 
     &:hover {
       opacity: 1;
+      cursor: pointer;
     }
   }
 
diff --git a/templates/page.html b/templates/page.html
index 04cb946..8631244 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -21,7 +21,7 @@ <h1 class="post-title">{{ page.title }}</h1>
   {% if page.higher -%}
   <a href="{{ page.higher.permalink | safe }}" class="left arrow">&#8592;</a>
   {%- endif %}
-  <a href="#" class="top">Top</a>
+  {% include "partials/back-to-top.html" %}
   {% if page.lower -%}
   <a href="{{ page.lower.permalink | safe }}" class="right arrow">&#8594;</a>
   {%- endif %}
diff --git a/templates/partials/back-to-top.html b/templates/partials/back-to-top.html
new file mode 100644
index 0000000..d66cfff
--- /dev/null
+++ b/templates/partials/back-to-top.html
@@ -0,0 +1,6 @@
+<a class="top" id="goToTopBtn" onclick="goToTop()" title="Go to top">Top</a>
+<script>
+    function goToTop() {
+        window.scrollTo({ top: 0, behavior: 'smooth' });
+    }
+</script>
\ No newline at end of file