diff --git a/src/ValueNodeWrapper.tsx b/src/ValueNodeWrapper.tsx
index ac6729c..4a15eac 100644
--- a/src/ValueNodeWrapper.tsx
+++ b/src/ValueNodeWrapper.tsx
@@ -344,7 +344,9 @@ export const ValueNodeWrapper: React.FC<ValueNodeProps> = (props) => {
     <div
       className="jer-component jer-value-component"
       style={{
-        marginLeft: `${indent / 2}em`,
+        // If parentData is null, then we have a Value node at the root level,
+        // so don't indent it.
+        marginLeft: parentData !== null ? `${indent / 2}em` : 0,
         position: 'relative',
       }}
       draggable={canDrag}