From 368bafb299e6126d497509802337c0d69c1f19db Mon Sep 17 00:00:00 2001
From: zk <zkldi@proton.me>
Date: Mon, 15 Jun 2026 01:28:10 +0100
Subject: [PATCH] fix: make playcount smaller and on the bottom (#1669)

---
 .../client/src/components/user/UGPTStatShowcase.tsx       | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/typescript/client/src/components/user/UGPTStatShowcase.tsx b/typescript/client/src/components/user/UGPTStatShowcase.tsx
index e10660849..381976ee2 100644
--- a/typescript/client/src/components/user/UGPTStatShowcase.tsx
+++ b/typescript/client/src/components/user/UGPTStatShowcase.tsx
@@ -401,10 +401,6 @@ export function StatDisplay({
 					>
 						<span className="fs-5 fw-semibold">{FormatChart(chart)}</span>
 					</Link>
-					<div className="align-items-baseline d-flex flex-wrap gap-1 justify-content-center mt-2">
-						<span className="small text-body-secondary text-uppercase">Playcount</span>
-						<span className="fs-3 fw-bold tabular-nums">{playcount}</span>
-					</div>
 				</div>
 				{pb ? (
 					<div className="overflow-x-auto px-0">
@@ -421,6 +417,10 @@ export function StatDisplay({
 				) : (
 					<p className="fst-italic mb-0 text-body-secondary">Not played</p>
 				)}
+				<div className="align-items-baseline d-flex flex-wrap gap-1 justify-content-center">
+					<span className="small text-body-secondary text-uppercase">Playcount</span>
+					<span className="fw-semibold small tabular-nums">{playcount}</span>
+				</div>
 				{compareChart && (
 					<div className="showcase-compare-block text-start">
 						<StatDelta