diff --git a/src/components/scroll-top-button.tsx b/src/components/scroll-top-button.tsx
index 2a1ddd812..dd42d10ff 100644
--- a/src/components/scroll-top-button.tsx
+++ b/src/components/scroll-top-button.tsx
@@ -83,7 +83,10 @@ const ScrollTopButton: React.FC<IScrollTopButton> = ({
 
   return (
     <div className={classes}>
-      <a className='flex cursor-pointer items-center space-x-1.5 whitespace-nowrap rounded-full bg-primary-600 px-4 py-2 text-white transition-transform hover:scale-105 hover:bg-primary-700 active:scale-100' onClick={handleClick}>
+      <button
+        className='flex cursor-pointer items-center space-x-1.5 whitespace-nowrap rounded-full bg-primary-600 px-4 py-2 text-white transition-transform hover:scale-105 hover:bg-primary-700 active:scale-100'
+        onClick={handleClick}
+      >
         <Icon src={require('@tabler/icons/arrow-bar-to-up.svg')} />
 
         {(count > 0) && (
@@ -91,7 +94,7 @@ const ScrollTopButton: React.FC<IScrollTopButton> = ({
             {intl.formatMessage(message, { count })}
           </Text>
         )}
-      </a>
+      </button>
     </div>
   );
 };