From 1f8445608113f134ba1b5bfc731385bd5780efdd Mon Sep 17 00:00:00 2001
From: ingawei <ingawei@gmail.com>
Date: Thu, 29 Sep 2022 18:35:35 -0700
Subject: [PATCH] add hover effect

---
 web/components/scroll-to-top-button.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/components/scroll-to-top-button.tsx b/web/components/scroll-to-top-button.tsx
index 58b31751..07299feb 100644
--- a/web/components/scroll-to-top-button.tsx
+++ b/web/components/scroll-to-top-button.tsx
@@ -27,7 +27,7 @@ export function ScrollToTopButton(props: { className?: string }) {
   return (
     <button
       className={clsx(
-        'border-greyscale-2 bg-greyscale-1 rounded-full border py-2 pr-3 pl-2 text-sm',
+        'border-greyscale-2 bg-greyscale-1 hover:bg-greyscale-2 rounded-full border py-2 pr-3 pl-2 text-sm transition-colors',
         visible ? 'inline' : 'hidden',
         className
       )}