diff --git a/app/views/components/scroll-to-top.twig b/app/views/components/scroll-to-top.twig
index 5094a0a..e3f14c7 100644
--- a/app/views/components/scroll-to-top.twig
+++ b/app/views/components/scroll-to-top.twig
@@ -1,4 +1,6 @@
-<div class="fixed bottom-0 left-0 right-0 pointer-events-none" x-data="{ visible: false }" x-show="visible" x-transition.opacity>
+<div class="fixed bottom-0 left-0 right-0 pointer-events-none" x-data="{ visible: false }"
+    x-init="visible = window.scrollY > 10" x-show="visible" x-transition.opacity
+>
     <div class="container flex justify-end mx-auto px-4 py-10 xl:max-w-screen-xl">
         <button title="{{ translate('scroll_to_top') }}"
             class="flex justify-center items-center w-12 h-12 right-0 rounded-full shadow-lg bg-blue-600 text-white cursor-pointer pointer-events-auto hover:bg-blue-700 dark:bg-purple-700 dark:hover:bg-purple-800"