From 81acc9fada56a922e8d2b1b991b8f95d0eb6c16d Mon Sep 17 00:00:00 2001
From: Prathamesh-V-Kirad <kiradvprathamesh2002@gmail.com>
Date: Wed, 13 Nov 2024 21:25:45 +0530
Subject: [PATCH] Fixed Duplicate Scroll Button Issue in Safari Browser

---
 components/buttons/ScrollButton.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/components/buttons/ScrollButton.tsx b/components/buttons/ScrollButton.tsx
index b3b53c1577ff..89a37dc0cf9a 100644
--- a/components/buttons/ScrollButton.tsx
+++ b/components/buttons/ScrollButton.tsx
@@ -27,11 +27,12 @@ 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}>
-          <img src={scrollImage} alt='scroll to top' />
-        </button>
-      )}
+      <button
+        className={`rounded-full bg-white shadow-md  ${backToTopButton ? 'visible' : 'pointer-events-none invisible'}`}
+        onClick={scrollUp}
+      >
+        <img src={scrollImage} alt='scroll to top' />
+      </button>
     </div>
   );
 }