From 814b819195cb2d1412e3416e5db4050bfeda1e33 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Tue, 1 Oct 2024 21:37:32 +0100
Subject: [PATCH] Leaderboard page UI

---
 src/components/Leaderboard/LeaderboardPage.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Leaderboard/LeaderboardPage.tsx b/src/components/Leaderboard/LeaderboardPage.tsx
index 63a268779..61559cc6b 100644
--- a/src/components/Leaderboard/LeaderboardPage.tsx
+++ b/src/components/Leaderboard/LeaderboardPage.tsx
@@ -17,7 +17,7 @@ export function LeaderboardPage(props: LeaderboardPageProps) {
   const { stats } = props;
 
   return (
-    <div className="min-h-screen bg-white">
+    <div className="min-h-screen bg-gray-100">
       <div className="container pb-5 sm:pb-8">
         <h1 className="my-5 flex items-center text-lg font-medium text-black sm:mb-4 sm:mt-8">
           <Users2 className="mr-2 size-5 text-black" />
@@ -95,8 +95,8 @@ function LeaderboardLane(props: LeaderboardLaneProps) {
   const { users: usersToShow, emptyIcon, emptyText } = activeTab;
 
   return (
-    <div className="flex min-h-[450px] flex-col overflow-hidden rounded-xl border bg-white">
-      <div className="mb-3 flex items-center justify-between gap-2 bg-gray-100 px-3 py-3">
+    <div className="flex min-h-[450px] flex-col overflow-hidden rounded-xl border bg-white shadow-sm">
+      <div className="mb-3 flex items-center justify-between gap-2 px-3 py-3">
         <h3 className="text-base font-medium">
           {title}{' '}
           {subtitle && (