From 91a3f552e4076dbab6cab4b6081ca5265254e0ae Mon Sep 17 00:00:00 2001
From: Bryan Helmkamp <bryan@brynary.com>
Date: Sat, 9 May 2026 22:11:58 -0400
Subject: [PATCH] fix(web): widen gap between sandbox state label and native
 state

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 apps/fabro-web/app/routes/run-sandbox.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/fabro-web/app/routes/run-sandbox.tsx b/apps/fabro-web/app/routes/run-sandbox.tsx
index b04470277..6865bf17e 100644
--- a/apps/fabro-web/app/routes/run-sandbox.tsx
+++ b/apps/fabro-web/app/routes/run-sandbox.tsx
@@ -109,12 +109,12 @@ function StatusStrip({ details }: { details: SandboxDetails }) {
       <span className="flex items-center gap-1.5">
         <span className={`size-2 rounded-full ${display.dot}`} />
         <span className={`font-medium ${display.text}`}>{display.label}</span>
-        {showNative && (
-          <span className="font-mono text-xs text-fg-muted">
-            ({details.native_state})
-          </span>
-        )}
       </span>
+      {showNative && (
+        <span className="font-mono text-xs text-fg-muted">
+          ({details.native_state})
+        </span>
+      )}
     </div>
   );
 }