1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

diff --git a/packages/tailwindcss-language-service/src/completionProvider.ts b/packages/tailwindcss-language-service/src/completionProvider.ts
index 77963b53531d34b9b4c72d01390143001c8b0339..43b964b3dafe570cebf9d18af57556f6037e5da0 100644
--- a/packages/tailwindcss-language-service/src/completionProvider.ts
+++ b/packages/tailwindcss-language-service/src/completionProvider.ts
@@ -952,7 +952,7 @@         .map((value) => {
           const px = showPixelEquivalents
             ? remToPx(value, rootFontSize)
             : undefined
-          return `${prop}: ${value}${px ? ` /*${px}*/` : ''};`
+          return `${prop}: ${value}${px ? `/* ${px} */` : ''};`
         })
         .join(' ')
     )

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

diff --git a/packages/tailwindcss-language-service/src/util/stringify.ts b/packages/tailwindcss-language-service/src/util/stringify.ts
index 3aebd99b04d222b4c59512d2f996fd279f75bf7f..71f9b5c06c95e8bcf328656f28073e54c50869bc 100644
--- a/packages/tailwindcss-language-service/src/util/stringify.ts
+++ b/packages/tailwindcss-language-service/src/util/stringify.ts
@@ -61,7 +61,7 @@   const decls = props.reduce((acc, curr, i) => {
     const propStr = ensureArray(obj[curr])
       .map((val) => {
         const px = showPixelEquivalents ? remToPx(val, rootFontSize) : undefined
-        return `${indentStr + indent}${curr}: ${val}${px ? ` /*${px}*/` : ''};`
+        return `${indentStr + indent}${curr}: ${val}${px ? `/* ${px} */` : ''};`
       })
       .join('\n')
     return `${acc}${i === 0 ? '' : '\n'}${propStr}`