fix leaderboard arrow on mobile showing a backgrounf when pressed

2024-09-13 00:03:09 +01:00 · 2024-09-13 00:03:09 +01:00 · a3fa98b184
commit a3fa98b184
parent 33b270ab0b
1 changed files with 5 additions and 1 deletions
--- 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")}
        />