From 33e2a9aa60ac014019c8e087261325c4c1957770 Mon Sep 17 00:00:00 2001
From: CS041 Faatih <22oo1cso41faatih@gmail.com>
Date: Mon, 1 Jun 2026 00:02:27 +0530
Subject: [PATCH] bug: fix statCell animation of number rolling and alignment
 issues

---
 client/src/components/ui/shape-landing-hero.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/src/components/ui/shape-landing-hero.tsx b/client/src/components/ui/shape-landing-hero.tsx
index 984dc543..0e56f228 100644
--- a/client/src/components/ui/shape-landing-hero.tsx
+++ b/client/src/components/ui/shape-landing-hero.tsx
@@ -227,9 +227,9 @@ function StatCell({
   suffix?: string;
 }) {
   return (
-    <div className="bg-stone-50 dark:bg-stone-950 p-3 sm:p-5 text-left min-w-0">
-      <div className="text-lg sm:text-2xl md:text-4xl font-bold tracking-tight tabular-nums text-stone-900 dark:text-stone-50 wrap-break-word">
-        <NumberFlow value={value} />
+    <div className="bg-stone-50 dark:bg-stone-950 p-3 sm:p-5 min-w-0 flex flex-col items-center">
+      <div className="text-lg sm:text-2xl md:text-4xl font-bold tracking-tight tabular-nums text-stone-900 dark:text-stone-50 w-[6ch] text-right">
+        <NumberFlow value={value} className="tabular-nums"/>
         {suffix && (
           <span className="text-lime-500 dark:text-lime-400">{suffix}</span>
         )}