diff --git a/components/buttons/ScrollButton.tsx b/components/buttons/ScrollButton.tsx
index b3b53c1577ff..63ea0cae01ef 100644
--- a/components/buttons/ScrollButton.tsx
+++ b/components/buttons/ScrollButton.tsx
@@ -28,7 +28,10 @@ function ScrollButton() {
   return (
     <div className='fixed bottom-14 right-4 z-40 h-16 w-12'>
       {backToTopButton && (
-        <button className='rounded-full bg-white shadow-md ' onClick={scrollUp}>
+        <button
+          className='rounded-full bg-white shadow-md transition-all duration-300 ease-in-out hover:scale-110 hover:bg-[#8851FB]'
+          onClick={scrollUp}
+        >
           <img src={scrollImage} alt='scroll to top' />
         </button>
       )}