diff --git a/src/app/components/Lobby.tsx b/src/app/components/Lobby.tsx
index f4f4a19..5b658ee 100644
--- a/src/app/components/Lobby.tsx
+++ b/src/app/components/Lobby.tsx
@@ -79,7 +79,7 @@ export default function Lobby ( { player }: { player: string } )
 									></div>
 
 									<div className="grid grid-rows-2 flex-grow mx-4 min-w-0">
-										<div className="name font-semibold text-white text-sm  truncate">
+										<div className="name font-semibold text-white text-sm text-shadow-lg text-shadow-black truncate">
 											{ player.tag ? `${ player.tag } ${ player.name }` : player.name }
 										</div>
 
@@ -96,7 +96,7 @@ export default function Lobby ( { player }: { player: string } )
 													backgroundImage: `url(${ player.positionIcon })`,
 												} }
 											></div>
-											<div className="wr font-bold text-white text-xs  ml-1 pt-1">
+											<div className="wr font-bold text-white  text-shadow-lg text-shadow-black text-xs  ml-1 pt-1">
 												{ player.wr }%
 											</div>
 										</div>
diff --git a/src/app/components/Ranked.tsx b/src/app/components/Ranked.tsx
index 6103ff8..823b341 100644
--- a/src/app/components/Ranked.tsx
+++ b/src/app/components/Ranked.tsx
@@ -55,7 +55,7 @@ export default function Ranked ( { name, tag }: { name: string; tag: string } )
 	return (
 		<div className="font-sans">
 			<div className="text flex flex-row font-bold tracking-wide">
-				<div className="elo basis-2/3 pr-4 mb-3 text-white">
+				<div className="elo basis-2/3 pr-4 mb-3 text-white text-shadow-lg text-shadow-black">
 					{ [ "MASTER", "GRANDMASTER", "CHALLENGER" ].includes( data.tier ) ? (
 						<div className="league basis-1/2 text-4xl ">
 							{ data.tier } { data.lp } LP
@@ -70,7 +70,7 @@ export default function Ranked ( { name, tag }: { name: string; tag: string } )
 				<div className="stats basis-1/3 flex flex-row justify-end text-3xl tracking-tighter">
 					<div className="wins px-2 text-sky-600 ">{ data.wins }W</div>
 					<div className="losses px-2 text-red-600 ">{ data.losses }L</div>
-					<div className="winrate pl-3 text-white ">
+					<div className="winrate pl-3 text-white text-shadow-lg text-shadow-black">
 						{ data.winrate }%
 					</div>
 				</div>
diff --git a/src/app/components/Session.tsx b/src/app/components/Session.tsx
index ef96b26..69ed457 100644
--- a/src/app/components/Session.tsx
+++ b/src/app/components/Session.tsx
@@ -69,7 +69,7 @@ export default function Session ( { name, tag }: { name: string; tag: string } )
 
 			<div className="session mt-5">
 				<div className="kda text-center px-2">
-					<span className="text-3xl text-white ">
+					<span className="text-3xl text-white text-shadow-lg text-shadow-black">
 						{ data.kills }
 					</span>
 					<span className="text-2xl text-gray-300 ">/</span>
@@ -77,7 +77,7 @@ export default function Session ( { name, tag }: { name: string; tag: string } )
 						{ data.deaths }
 					</span>
 					<span className="text-2xl text-gray-300 ">/</span>
-					<span className="text-3xl text-white ">
+					<span className="text-3xl text-white text-shadow-lg text-shadow-black">
 						{ data.assists }
 					</span>
 				</div>