diff --git a/bun.lock b/bun.lock
index b540db9..62499ee 100644
--- a/bun.lock
+++ b/bun.lock
@@ -26,6 +26,7 @@
         "zod": "^4.0.10",
       },
       "devDependencies": {
+        "@designbycode/tailwindcss-text-stroke": "^1.3.0",
         "@eslint/eslintrc": "^3",
         "@next/eslint-plugin-next": "15.5.2",
         "@tailwindcss/postcss": "^4",
@@ -59,6 +60,8 @@
 
     "@babel/types": ["@babel/types@7.28.2", "", { "dependencies": { "@babel/helper-string-parser": "^7.27.1", "@babel/helper-validator-identifier": "^7.27.1" } }, "sha512-ruv7Ae4J5dUYULmeXw1gmb7rYRz57OWCPM57pHojnLq/3Z1CK2lNSLTCVjxVk1F/TZHwOZZrOWi0ur95BbLxNQ=="],
 
+    "@designbycode/tailwindcss-text-stroke": ["@designbycode/tailwindcss-text-stroke@1.3.0", "", { "peerDependencies": { "tailwindcss": ">=3.0.0 || >=3.0.0-alpha.1" } }, "sha512-EyZi2EDv+/v55JF7OFrPUUJHr0r/C9bZtvhWNpamMj5MjAEMqBMhcO1ZW9aXAD2viszgtlnYLIta80NJtsuy6w=="],
+
     "@dprint/darwin-arm64": ["@dprint/darwin-arm64@0.50.1", "", { "os": "darwin", "cpu": "arm64" }, "sha512-NNKf3dxXn567pd/hpCVLHLbC0dI7s3YvQnUEwjRTOAQVMp6O7/ME+Tg1RPGsDP1IB+Y2fIYSM4qmG02zQrqjAQ=="],
 
     "@dprint/darwin-x64": ["@dprint/darwin-x64@0.50.1", "", { "os": "darwin", "cpu": "x64" }, "sha512-PcY75U3UC/0CLOxWzE0zZJZ2PxzUM5AX2baYL1ovgDGCfqO1H0hINiyxfx/8ncGgPojWBkLs+zrcFiGnXx7BQg=="],
diff --git a/package.json b/package.json
index 065a4c0..755ac7b 100644
--- a/package.json
+++ b/package.json
@@ -34,6 +34,7 @@
         "zod": "^4.0.10"
     },
     "devDependencies": {
+        "@designbycode/tailwindcss-text-stroke": "^1.3.0",
         "@eslint/eslintrc": "^3",
         "@next/eslint-plugin-next": "15.5.2",
         "@tailwindcss/postcss": "^4",
diff --git a/src/app/(main)/page.tsx b/src/app/(main)/page.tsx
index 8aec473..cdee586 100644
--- a/src/app/(main)/page.tsx
+++ b/src/app/(main)/page.tsx
@@ -4,7 +4,7 @@ export default function Home() {
     return (
         <div className="flex flex-col items-center min-h-screen">
             <div className="mt-[20vh]">
-                <h1 className="text-4xl font-bold text-center">Stats Hypixel</h1>
+                <h1 className="text-4xl font-bold text-center">Hypixel Stats</h1>
             </div>
             <SearchBar />
         </div>
diff --git a/src/app/(stats)/player/[ign]/_stats/bedwars/components.tsx b/src/app/(stats)/player/[ign]/_stats/bedwars/components.tsx
index f9b9521..82c55e2 100644
--- a/src/app/(stats)/player/[ign]/_stats/bedwars/components.tsx
+++ b/src/app/(stats)/player/[ign]/_stats/bedwars/components.tsx
@@ -2,7 +2,7 @@ import { formatNumber } from "@/lib/formatters"
 import { bedwarsLevelColors, getBedwarsStar, getPrestigeName, getTextColor } from "@/lib/hypixel/bedwars/bedwars"
 import { getBWLevelForExp } from "@/lib/hypixel/bedwars/level"
 import { cn } from "@/lib/utils"
-import GenericProgress from "../../_components/GenericProgress"
+import { GenericProgress } from "../../_components/GenericProgress"
 import Multicolored from "../../_components/Multicolored"
 
 export function BedwarsLevel({ xp }: { xp: number }) {
diff --git a/src/app/(stats)/player/[ign]/_stats/build-battle/progress.tsx b/src/app/(stats)/player/[ign]/_stats/build-battle/progress.tsx
index bd8ca0a..645a32d 100644
--- a/src/app/(stats)/player/[ign]/_stats/build-battle/progress.tsx
+++ b/src/app/(stats)/player/[ign]/_stats/build-battle/progress.tsx
@@ -1,7 +1,7 @@
 import { getBuildBattleRank, getNextBuildBattleRank } from "@/lib/hypixel/build-battle/general"
 import { getProgress } from "@/lib/hypixel/general"
 import { cn } from "@/lib/utils"
-import GenericProgress from "../../_components/GenericProgress"
+import { GenericProgress } from "../../_components/GenericProgress"
 
 export default function BuildBattleTitleProgress({ score }: { score: number }) {
     const current = getBuildBattleRank(score)
diff --git a/src/app/(stats)/player/[ign]/_stats/pit/progress.tsx b/src/app/(stats)/player/[ign]/_stats/pit/progress.tsx
index c7073c7..1d112fd 100644
--- a/src/app/(stats)/player/[ign]/_stats/pit/progress.tsx
+++ b/src/app/(stats)/player/[ign]/_stats/pit/progress.tsx
@@ -1,7 +1,7 @@
 import { formatNumber } from "@/lib/formatters"
 import { getProgress } from "@/lib/hypixel/general"
 import { getPrestigeColor, getXpForPrestige } from "@/lib/hypixel/pit/general"
-import GenericProgress from "../../_components/GenericProgress"
+import { GenericProgress } from "../../_components/GenericProgress"
 
 export default function PitProgress({ prestige, xp }: { prestige: number, xp: number }) {
     const presColor = getPrestigeColor(prestige)
diff --git a/src/app/(stats)/player/[ign]/_stats/skywars/components.tsx b/src/app/(stats)/player/[ign]/_stats/skywars/components.tsx
index ccde119..263a473 100644
--- a/src/app/(stats)/player/[ign]/_stats/skywars/components.tsx
+++ b/src/app/(stats)/player/[ign]/_stats/skywars/components.tsx
@@ -2,7 +2,7 @@ import { formatNumber } from "@/lib/formatters"
 import { getSkywarsLevel } from "@/lib/hypixel/skywars/level"
 import { getPrestige, getSkyWarsIcon } from "@/lib/hypixel/skywars/skywars"
 import { cn } from "@/lib/utils"
-import GenericProgress from "../../_components/GenericProgress"
+import { GenericProgress } from "../../_components/GenericProgress"
 import { HeadsBar, PresigeousHeads } from "./client"
 
 type SkywarsHeadsProps = {
diff --git a/src/app/(stats)/player/[ign]/_stats/uhc/progress.tsx b/src/app/(stats)/player/[ign]/_stats/uhc/progress.tsx
index c74aae7..ae14e74 100644
--- a/src/app/(stats)/player/[ign]/_stats/uhc/progress.tsx
+++ b/src/app/(stats)/player/[ign]/_stats/uhc/progress.tsx
@@ -1,7 +1,7 @@
 import { formatNumber } from "@/lib/formatters"
 import { getProgress } from "@/lib/hypixel/general"
 import { getNextUhcStar, getUhcStar } from "@/lib/hypixel/uhc/level"
-import GenericProgress from "../../_components/GenericProgress"
+import { GenericProgress } from "../../_components/GenericProgress"
 
 export default function UHCProgress({ score }: { score: number }) {
     const current = getUhcStar(score)
diff --git a/src/app/globals.css b/src/app/globals.css
index 67b8d00..b3ea37d 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1,5 +1,6 @@
 @import "tailwindcss";
 @import "tw-animate-css";
+@plugin "@designbycode/tailwindcss-text-stroke";
 
 @custom-variant dark (&:is(.dark *));
 
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 8325f3e..9d4dfe2 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -8,8 +8,8 @@ import type { Metadata } from "next"
 
 export const metadata: Metadata = {
     title: {
-        template: "%s | Stats Hypixel",
-        default: "Stats Hypixel"
+        template: "%s | Hypixel Stats",
+        default: "Hypixel Stats"
     }
 }
 
diff --git a/src/components/player/displayname.tsx b/src/components/player/displayname.tsx
index 543d2d5..4416106 100644
--- a/src/components/player/displayname.tsx
+++ b/src/components/player/displayname.tsx
@@ -34,7 +34,7 @@ export default function DisplayName(
                     className="shadow-2xl"
                 />
             </Link>
-            <h1 className="text-3xl font-bold">
+            <h1 className="text-3xl font-bold text-stroke text-stroke-foreground dark:text-stroke-transparent">
                 <PlayerRank rank={rank} monthly={monthly} plusColor={plusColor} rankColor={rankColor} specialRank={specialRank} />{" "}
                 <PlayerIGN ign={ign} rank={rank} monthly={monthly} rankColor={rankColor} specialRank={specialRank} />{" "}
                 <GuildTag tag={guildTag} tagColor={tagColor} ign={ign} />