diff --git a/src/app/globals.css b/src/app/globals.css
index 604679a..a5ea942 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -154,7 +154,7 @@
 
   .hover-underline::after {
     content: "";
-    @apply absolute bottom-0 left-0 w-0 h-[2px] bg-primary transition-all duration-300;
+    @apply absolute bottom-0 left-0 w-0 h-0.5 bg-primary transition-all duration-300;
   }
 
   .hover-underline:hover::after {
@@ -178,15 +178,16 @@
   }
 
   .glow-gold {
-    box-shadow: 0 0 20px color-mix(in oklch, var(--chart-4) 40%, transparent);
+    box-shadow: 0 0 20px color-mix(in oklch, oklch(82.8% 0.189 84.429) 70%, transparent);
+    /* box-shadow: 0 0 20px color-mix(in oklch, var(--chart-4) 40%, transparent); */
   }
 
   .glow-silver {
-    box-shadow: 0 0 20px color-mix(in oklch, var(--foreground) 30%, transparent);
+    box-shadow: 0 0 20px color-mix(in oklch, var(--foreground) 60%, transparent);
   }
 
   .glow-bronze {
-    box-shadow: 0 0 20px color-mix(in oklch, var(--chart-5) 30%, transparent);
+    box-shadow: 0 0 20px color-mix(in oklch, oklch(55.5% 0.163 48.998) 60%, transparent);
   }
 
   /* ===== Text glow ===== */
@@ -201,7 +202,7 @@
 
   .hover-underline::after {
     content: "";
-    @apply absolute left-0 bottom-0 h-[2px] w-0 bg-primary transition-all duration-300;
+    @apply absolute left-0 bottom-0 h-0.5 w-0 bg-primary transition-all duration-300;
   }
 
   .hover-underline:hover::after {
@@ -232,15 +233,15 @@
 
   /* ===== Rank badges ===== */
   .rank-gold {
-    @apply bg-gradient-to-r from-yellow-500 to-amber-400 text-black;
+    @apply bg-linear-to-r from-yellow-500 to-amber-400 text-black;
   }
 
   .rank-silver {
-    @apply bg-gradient-to-r from-gray-300 to-gray-400 text-black;
+    @apply bg-linear-to-r from-gray-300 to-gray-400 text-black;
   }
 
   .rank-bronze {
-    @apply bg-gradient-to-r from-orange-600 to-amber-700 text-white;
+    @apply bg-linear-to-r from-orange-600 to-amber-700 text-white;
   }
 
   /* ===== Difficulty badges ===== */
diff --git a/src/components/app/LeaderboardRow.tsx b/src/components/app/LeaderboardRow.tsx
index 59189ed..06d8598 100644
--- a/src/components/app/LeaderboardRow.tsx
+++ b/src/components/app/LeaderboardRow.tsx
@@ -41,7 +41,7 @@ const LeaderboardRow = ({ rank, username, pb, runsCount, category, index = 0 }:
       {/* Username */}
       <td className="py-4 px-4">
         <div className="flex items-center gap-3">
-          <div className="w-8 h-8 rounded-full bg-gradient-to-br from-primary/50 to-primary/20 flex items-center justify-center text-xs font-bold text-primary">
+          <div className="w-8 h-8 rounded-full bg-linear-to-br from-primary/50 to-primary/20 flex items-center justify-center text-xs font-bold text-primary">
             {username.charAt(0).toUpperCase()}
           </div>
           <span className={`font-medium ${isTopThree ? 'text-foreground' : 'text-secondary-foreground'} group-hover:text-primary transition-colors`}>