diff --git a/frontend/src/expr/JsonTree.tsx b/frontend/src/expr/JsonTree.tsx
index c364a3e..937bfae 100644
--- a/frontend/src/expr/JsonTree.tsx
+++ b/frontend/src/expr/JsonTree.tsx
@@ -76,7 +76,15 @@ function BranchOrLeaf({ label, value, path, depth, pickable, onPick }: NodeProps
         {!branch && (
           <>
             <span className="text-slate-500">:</span>
-            <span className="text-slate-300 truncate">{leafPreview(value)}</span>
+            {typeof value === "string" ? (
+              <>
+                <span className="text-slate-500">"</span>
+                <span className="text-slate-300 truncate">{truncate(value, 40)}</span>
+                <span className="text-slate-500">"</span>
+              </>
+            ) : (
+              <span className="text-slate-300 truncate">{leafPreview(value)}</span>
+            )}
           </>
         )}
         {branch && (