diff --git a/apps/builder/app/builder/features/style-panel/shared/css-value-input/css-value-input.tsx b/apps/builder/app/builder/features/style-panel/shared/css-value-input/css-value-input.tsx
index 32e375a3735c..af5107b32588 100644
--- a/apps/builder/app/builder/features/style-panel/shared/css-value-input/css-value-input.tsx
+++ b/apps/builder/app/builder/features/style-panel/shared/css-value-input/css-value-input.tsx
@@ -335,7 +335,9 @@ const itemToString = (item: CssValueInputValue | null) => {
     return "";
   }
   if (item.type === "var") {
-    return `var(--${item.value})`;
+    return item.fallback
+      ? `var(--${item.value}, ${toValue(item.fallback)})`
+      : `var(--${item.value})`;
   }
   if (item.type === "keyword") {
     // E.g. we want currentcolor to be lower case