diff --git a/src/App.jsx b/src/App.jsx
index 991a30f8..25004feb 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -243,7 +243,7 @@ export default function App() {
         <div className="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6">
           {kpis.map((kpi) => {
             const Icon = kpi.icon;
-            const isPositive = kpi.delta >= 0;
+            const isPositive = kpi.trendValue >= 0;
             return (
               <Card
                 key={kpi.title}
@@ -256,7 +256,7 @@ export default function App() {
                 <Title className="text-sm text-center">{kpi.title}</Title>
                 <Text className="text-4xl font-bold text-center">{kpi.value}</Text>
 
-                <div className="mt-4 flex items-center gap-2">
+                <div className="mt-4 flex flex-col items-center gap-1">
                   <span
                     className={`
                       px-2 py-0.5 text-xs font-semibold rounded-md border
@@ -272,7 +272,7 @@ export default function App() {
                   </span>
 
                   <span className="text-xs text-gray-500 dark:text-gray-400">
-                    this month
+                    vs last month
                   </span>
                 </div>
               </Card>