diff --git a/projects/website/src/components/home/friends.tsx b/projects/website/src/components/home/friends.tsx
index c3935d8..2a6385c 100644
--- a/projects/website/src/components/home/friends.tsx
+++ b/projects/website/src/components/home/friends.tsx
@@ -1,4 +1,4 @@
-import { Database } from "lucide-react";
+import { UsersRound } from "lucide-react";
 
 export default function Friends() {
   return (
@@ -6,7 +6,7 @@ export default function Friends() {
       {/* Header */}
       <div className="flex flex-col gap-2.5 text-right items-end">
         <div className="flex flex-row-reverse gap-3 items-center text-purple-600">
-          <Database className="p-2 size-11 bg-purple-800/15 rounded-lg" />
+          <UsersRound className="p-2 size-11 bg-purple-800/15 rounded-lg" />
           <h1 className="text-3xl sm:text-4xl font-bold">Friends</h1>
         </div>
         <p className="max-w-5xl text-sm sm:text-base opacity-85">
diff --git a/projects/website/src/components/home/realtime-scores.tsx b/projects/website/src/components/home/realtime-scores.tsx
index 8f2e448..3febf7e 100644
--- a/projects/website/src/components/home/realtime-scores.tsx
+++ b/projects/website/src/components/home/realtime-scores.tsx
@@ -1,4 +1,4 @@
-import { Database } from "lucide-react";
+import { ChartNoAxesCombined, Database, Flame } from "lucide-react";
 import { getRandomInteger } from "@/common/utils";
 import { GlobeAmericasIcon } from "@heroicons/react/24/solid";
 import { Difficulty, getDifficulty, getRandomDifficulty } from "@/common/song-utils";
@@ -51,7 +51,7 @@ export default function RealtimeScores() {
       {/* Header */}
       <div className="flex flex-col gap-2.5 text-right items-end">
         <div className="flex flex-row-reverse gap-3 items-center text-yellow-400">
-          <Database className="p-2 size-11 bg-yellow-800/15 rounded-lg" />
+          <Flame className="p-2 size-11 bg-yellow-800/15 rounded-lg" />
           <h1 className="text-3xl sm:text-4xl font-bold">Realtime Scores</h1>
         </div>
         <p className="max-w-2xl lg:max-w-5xl text-sm sm:text-base opacity-85">
@@ -62,8 +62,8 @@ export default function RealtimeScores() {
       </div>
 
       {/* Content */}
-      <div className="w-full flex flex-col justify-center items-center">
-        <AnimatedList className="w-full max-w-[32rem] h-96 divide-y divide-muted overflow-hidden" delay={1500}>
+      <div className="w-full flex flex-col justify-center items-center overflow-hidden">
+        <AnimatedList className="w-full max-w-[32rem] h-96 divide-y divide-muted" delay={1500}>
           {scores.map((score, index) => (
             <Score key={index} {...score} />
           ))}
diff --git a/projects/website/src/components/home/site-stats.tsx b/projects/website/src/components/home/site-stats.tsx
index f6b0367..fa76b6c 100644
--- a/projects/website/src/components/home/site-stats.tsx
+++ b/projects/website/src/components/home/site-stats.tsx
@@ -1,4 +1,4 @@
-import { Database } from "lucide-react";
+import { ChartNoAxesCombined, Database } from "lucide-react";
 import { kyFetch } from "@ssr/common/utils/utils";
 import { AppStatistics } from "@ssr/common/types/backend/app-statistics";
 import { Config } from "@ssr/common/config";
@@ -11,7 +11,7 @@ export default async function SiteStats() {
       {/* Header */}
       <div className="flex flex-col gap-2.5">
         <div className="flex gap-3 items-center text-orange-600">
-          <Database className="p-2 size-11 bg-orange-800/15 rounded-lg" />
+          <ChartNoAxesCombined className="p-2 size-11 bg-orange-800/15 rounded-lg" />
           <h1 className="text-3xl sm:text-4xl font-bold">Site Statistics</h1>
         </div>
         <p className="max-w-5xl text-sm sm:text-base opacity-85">