From c77682ff46237c23f10bd0296b2320a466024fcf Mon Sep 17 00:00:00 2001
From: Daniel Schulteis <daniel@c-g-r.de>
Date: Thu, 29 Jan 2026 23:11:14 +0100
Subject: [PATCH] style: fix badge alignment and stats card responsivenes

---
 app/(backend)/page.tsx        | 2 +-
 components/StatCard/index.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/(backend)/page.tsx b/app/(backend)/page.tsx
index 77d6f3c..9a08a29 100644
--- a/app/(backend)/page.tsx
+++ b/app/(backend)/page.tsx
@@ -175,7 +175,7 @@ const Dashboard: React.FC = () => {
           </p>
         </div>
         <div className="flex space-x-3">
-          <span className="bg-primary/10 text-primary rounded-full px-3 py-1 text-sm font-medium">
+          <span className="bg-primary/10 text-primary whitespace-nowrap rounded-full px-3 py-1 text-sm font-medium">
             v2.4.0 Live
           </span>
         </div>
diff --git a/components/StatCard/index.tsx b/components/StatCard/index.tsx
index fdb9a9f..4974c1d 100644
--- a/components/StatCard/index.tsx
+++ b/components/StatCard/index.tsx
@@ -18,11 +18,11 @@ const StatCard: React.FC<StatCardProps> = ({ label, value, icon: Icon, trend, ch
           <Icon className="w-4 h-4 text-foreground" />
         </div>
       </div>
-      <div className="flex items-baseline space-x-2">
+      <div className="flex items-baseline flex-wrap space-x-2">
         <h2 className="text-3xl font-bold text-foreground">{value}</h2>
         {change && (
           <span
-            className={`flex items-center text-xs font-medium ${
+            className={`flex items-center text-xs font-medium whitespace-nowrap ${
               trend === "up" ? "text-green-600" : trend === "down" ? "text-red-500" : "text-muted-foreground"
             }`}
           >