From 02c6a9485c4153e7a7875cbcd0e752cb57110b4d Mon Sep 17 00:00:00 2001
From: Nikhil Kuriakose <nikhilkuria@gmail.com>
Date: Tue, 30 Sep 2025 05:59:34 +0200
Subject: [PATCH] fix: Use monospace for param preview (#19975)

---
 .../editor-ui/src/components/AssignmentCollection/Assignment.vue | 1 +
 .../frontend/editor-ui/src/components/ParameterInputHint.vue     | 1 +
 2 files changed, 2 insertions(+)

diff --git a/packages/frontend/editor-ui/src/components/AssignmentCollection/Assignment.vue b/packages/frontend/editor-ui/src/components/AssignmentCollection/Assignment.vue
index 75519bef5f3..0e69a06d61d 100644
--- a/packages/frontend/editor-ui/src/components/AssignmentCollection/Assignment.vue
+++ b/packages/frontend/editor-ui/src/components/AssignmentCollection/Assignment.vue
@@ -271,6 +271,7 @@ const onValueInputHoverChange = (hovered: boolean): void => {
 		bottom: calc(var(--spacing-s) * -1);
 		left: 0;
 		right: 0;
+		font-family: monospace;
 	}
 
 	.optionsPadding {
diff --git a/packages/frontend/editor-ui/src/components/ParameterInputHint.vue b/packages/frontend/editor-ui/src/components/ParameterInputHint.vue
index 6bc30dee71f..51359afba3a 100644
--- a/packages/frontend/editor-ui/src/components/ParameterInputHint.vue
+++ b/packages/frontend/editor-ui/src/components/ParameterInputHint.vue
@@ -62,6 +62,7 @@ const simplyText = computed(() => {
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
+	font-family: monospace;
 }
 .highlight {
 	color: var(--color-secondary);