From a3fa98b1840ba35b1766c90a14ed86e01360bb13 Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Fri, 13 Sep 2024 00:03:09 +0100
Subject: [PATCH] fix leaderboard arrow on mobile showing a backgrounf when
 pressed

---
 src/components/player/score/leaderboard-button.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/player/score/leaderboard-button.tsx b/src/components/player/score/leaderboard-button.tsx
index e5b0ad3..f27d884 100644
--- a/src/components/player/score/leaderboard-button.tsx
+++ b/src/components/player/score/leaderboard-button.tsx
@@ -11,7 +11,11 @@ type Props = {
 export default function LeaderboardButton({ isLeaderboardExpanded, setIsLeaderboardExpanded }: Props) {
   return (
     <div className="pr-2 flex items-center justify-center h-full">
-      <Button className="p-0" variant="ghost" onClick={() => setIsLeaderboardExpanded(!isLeaderboardExpanded)}>
+      <Button
+        className="p-0 hover:bg-transparent"
+        variant="ghost"
+        onClick={() => setIsLeaderboardExpanded(!isLeaderboardExpanded)}
+      >
         <ArrowDownIcon
           className={clsx("w-6 h-6 transition-all transform-gpu", isLeaderboardExpanded ? "" : "rotate-180")}
         />