diff --git a/projects/website/src/app/(pages)/leaderboard/[...slug]/page.tsx b/projects/website/src/app/(pages)/leaderboard/[...slug]/page.tsx
index b8a10a8..5922992 100644
--- a/projects/website/src/app/(pages)/leaderboard/[...slug]/page.tsx
+++ b/projects/website/src/app/(pages)/leaderboard/[...slug]/page.tsx
@@ -104,7 +104,7 @@ export async function generateViewport(props: Props): Promise<Viewport> {
 
   const color = await getAverageColor(leaderboard.coverImage);
   return {
-    themeColor: color.hex,
+    themeColor: color.color,
   };
 }