From 5d2099391490e216db9dd1379f1881791c7f7b86 Mon Sep 17 00:00:00 2001
From: saml33 <slam.uke@gmail.com>
Date: Wed, 31 May 2023 15:13:41 +1000
Subject: [PATCH] fix medal icons on light themes

---
 components/leaderboard/LeaderboardTable.tsx | 6 +++++-
 components/token/TopTokenAccounts.tsx       | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/components/leaderboard/LeaderboardTable.tsx b/components/leaderboard/LeaderboardTable.tsx
index 1d8c4eb1..8d3dfae0 100644
--- a/components/leaderboard/LeaderboardTable.tsx
+++ b/components/leaderboard/LeaderboardTable.tsx
@@ -65,7 +65,11 @@ const LeaderboardRow = ({
       target="_blank"
     >
       <div className="flex items-center space-x-3">
-        <div className="relative flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-th-bkg-3 md:mr-2">
+        <div
+          className={`relative flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full ${
+            rank < 4 ? '' : 'bg-th-bkg-3'
+          } md:mr-2`}
+        >
           <p
             className={`relative z-10 font-bold ${
               rank < 4 ? 'text-th-bkg-1' : 'text-th-fgd-3'
diff --git a/components/token/TopTokenAccounts.tsx b/components/token/TopTokenAccounts.tsx
index 5c60ff65..55ac2b2c 100644
--- a/components/token/TopTokenAccounts.tsx
+++ b/components/token/TopTokenAccounts.tsx
@@ -170,7 +170,11 @@ const LeaderboardRow = ({
       target="_blank"
     >
       <div className="flex items-center space-x-3">
-        <div className="relative flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-th-bkg-3 md:mr-2">
+        <div
+          className={`relative flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full ${
+            rank < 4 ? '' : 'bg-th-bkg-3'
+          } md:mr-2`}
+        >
           <p
             className={`relative z-10 font-bold ${
               rank < 4 ? 'text-th-bkg-1' : 'text-th-fgd-3'