feat: better spacing

src/app/tools/statistics/page.tsx

@@ -10,7 +10,7 @@ export default function Page() {
         <Heading color="gray">[OPTML]</Heading>
       </Flex>
 
-      <HeroStat color="#00b1ff" subtitle="Super Unicum" value={3112} />
+      <HeroStat color="#8E4EC6" subtitle="Super Unicum" value={3142} />
     </PageWrapper>
   );
 }

src/components/AllStatsOverview/components/HeroStat/index.tsx

@@ -38,6 +38,7 @@ export function HeroStat({ color, subtitle, value }: WN8DisplayProps) {
             flexDirection: 'column',
             alignItems: 'center',
             justifyContent: 'center',
+            gap: 2,
           }}
         >
           <span
@@ -47,6 +48,7 @@ export function HeroStat({ color, subtitle, value }: WN8DisplayProps) {
               fontSize: 32,
               color: theme.colors.textHighContrast,
               lineHeight: '26px',
+              letterSpacing: '-0.03em',
             }}
           >
             {value}
@@ -55,6 +57,7 @@ export function HeroStat({ color, subtitle, value }: WN8DisplayProps) {
             style={{
               display: 'block',
               fontSize: 16,
+              lineHeight: '16px',
               color: theme.colors.textHighContrast,
             }}
           >