diff --git a/frontend/src/lib/components/ArgInfo.svelte b/frontend/src/lib/components/ArgInfo.svelte
index bd06113ce1..bfc9a8cf18 100644
--- a/frontend/src/lib/components/ArgInfo.svelte
+++ b/frontend/src/lib/components/ArgInfo.svelte
@@ -31,7 +31,9 @@
 	</DrawerContent>
 </Drawer>
 
-{#if value == '<function call>'}
+{#if value == undefined || value == null}
+	<span class="text-gray-600">null</span>
+{:else if value == '<function call>'}
 	{'<function call>'}<Tooltip
 		>The arg was none and the default argument of the script is a function call, hence the actual
 		value used for this arg was the output of the script's function call for this arg</Tooltip
diff --git a/frontend/src/lib/components/propertyPicker/ObjectViewer.svelte b/frontend/src/lib/components/propertyPicker/ObjectViewer.svelte
index db3ae2f837..cf6cb33f37 100644
--- a/frontend/src/lib/components/propertyPicker/ObjectViewer.svelte
+++ b/frontend/src/lib/components/propertyPicker/ObjectViewer.svelte
@@ -146,10 +146,10 @@
 	}
 
 	.val.undefined {
-		@apply text-red-500;
+		@apply text-gray-600;
 	}
 	.val.null {
-		@apply text-red-500;
+		@apply text-gray-600;
 	}
 	.val.string {
 		@apply text-green-600;