diff --git a/resources/views/layouts/footer.blade.php b/resources/views/layouts/footer.blade.php
index 93d4e0a1..37a402c0 100644
--- a/resources/views/layouts/footer.blade.php
+++ b/resources/views/layouts/footer.blade.php
@@ -3,7 +3,7 @@
         <div class="prose dark:prose-invert text-center mx-auto">
             {!! \Hyde\Support\Includes::markdown('footer', config('hyde.footer', 'Site proudly built with [HydePHP](https://github.com/hydephp/hyde) 🎩')) !!}
         </div>
-        <a href="#app" aria-label="Go to top of page" class="float-right">
+        <a href="#app" aria-label="Go to top of page" class="float-right" @click.prevent="document.querySelector('#app').scrollIntoView({ behavior: 'smooth' })">
             <button title="Scroll to top">
                 <svg width="1.5rem" height="1.5rem" role="presentation" class="fill-current text-gray-500 h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
                     <path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z" />