From 264082b434fe26a103609c0a22813ef82a06ab7a Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 2 Oct 2023 11:22:04 -0500
Subject: [PATCH] ScrollTopButton: a11y, <a> to <button>

---
 src/components/scroll-top-button.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

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>
   );
 };