From 5cadffcb4960f012c77e23d9b981f1bef6566b33 Mon Sep 17 00:00:00 2001
From: Andrew Wang <awwang3@uci.edu>
Date: Mon, 1 Jan 2024 00:24:16 -0800
Subject: [PATCH] fix: back to top button transition

---
 components/search/ScrollToTop.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/search/ScrollToTop.tsx b/components/search/ScrollToTop.tsx
index 41f7a71..67041fe 100644
--- a/components/search/ScrollToTop.tsx
+++ b/components/search/ScrollToTop.tsx
@@ -28,8 +28,8 @@ const ScrollToTop = () => {
     return (
         <div
             className={`${
-                isVisible ? "visible opacity-60" : "invisible opacity-0"
-            } group fixed bottom-4 right-4 z-50 flex h-11 w-11 cursor-pointer items-center justify-center rounded-full bg-primary px-3 transition-all hover:w-40 hover:opacity-100`}
+                isVisible ? "visible opacity-60 hover:w-40 hover:opacity-100" : "opacity-0 invisible"
+            } group fixed bottom-4 right-4 z-50 flex h-11 w-11 cursor-pointer items-center justify-center rounded-full bg-primary px-3 transition-all`}
             onClick={scrollToTop}
         >
             <div className="flex items-center justify-center">