diff --git a/ui/src/pages/execution/ExecutionDetailsView.jsx b/ui/src/pages/execution/ExecutionDetailsView.jsx
index 740ff74..55597f7 100644
--- a/ui/src/pages/execution/ExecutionDetailsView.jsx
+++ b/ui/src/pages/execution/ExecutionDetailsView.jsx
@@ -280,13 +280,13 @@ export default function ExecutionDetailsView() {
                     <div className="step-header">
                       <span className="step-index">Step {step.stepIndex || idx + 1}</span>
                       <span className="action-tag">{step.actionName}</span>
-                      {step.locatorName && (
-                        <span className="step-locator text-muted">
-                          {step.locatorName}: {step.objectDetail || '—'}
+                      {(step.locatorName || step.objectDetail) && (
+                        <span className="step-locator text-muted" style={{ marginLeft: 8 }}>
+                          {step.locatorName ? `${step.locatorName}: ` : ''}{step.objectDetail || '—'}
                         </span>
                       )}
                       {step.testData && step.testData !== step.objectDetail && (
-                        <span className="step-data text-muted">→ {step.testData}</span>
+                        <span className="step-data text-muted" style={{ marginLeft: 8 }}>→ {step.testData}</span>
                       )}
                       {stepSkipped && <span className="skipped-tag">⏭ Skipped (previous step failed)</span>}
                     </div>