From 2729c3c7135bf6cc2d47dfe33311503da261a510 Mon Sep 17 00:00:00 2001
From: Codex Agent <codex-agent@example.com>
Date: Fri, 23 Jan 2026 13:40:46 +0100
Subject: [PATCH] Add spacing around KPI separator

---
 resources/js/admin/mobile/components/Primitives.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/js/admin/mobile/components/Primitives.tsx b/resources/js/admin/mobile/components/Primitives.tsx
index 57bc90c..5c6b01b 100644
--- a/resources/js/admin/mobile/components/Primitives.tsx
+++ b/resources/js/admin/mobile/components/Primitives.tsx
@@ -237,7 +237,7 @@ export function KpiStrip({
             minWidth={150}
             maxWidth={220}
           >
-            <XStack alignItems="center" space="$1">
+            <XStack alignItems="center" space="$2">
               <Text
                 fontSize={32}
                 fontWeight="900"
@@ -247,8 +247,8 @@ export function KpiStrip({
               >
                 {item.value}
               </Text>
-              <Separator vertical backgroundColor={separatorColor} height={32} />
-              <YStack alignItems="center" space="$0.5">
+              <Separator vertical backgroundColor={separatorColor} height={32} marginHorizontal="$1.5" />
+              <YStack alignItems="center" space="$0.5" paddingLeft="$0.5">
                 <XStack
                   width={28}
                   height={28}