diff --git a/src/lsp/providers/diagnosticsProvider.ts b/src/lsp/providers/diagnosticsProvider.ts
index 496dee38a0d9c3d079c0b9bf9663c7a922f19176..85de8b570e727b177df40bfe7d97150d9b967471 100644
--- a/src/lsp/providers/diagnosticsProvider.ts
+++ b/src/lsp/providers/diagnosticsProvider.ts
@@ -43,25 +43,27 @@
       let message: string
 
       if (Array.isArray(meta)) {
-        message = `'@apply' cannot be used with '${className}' because it is included in multiple rulesets.`
+        message = `\`@apply\` cannot be used with \`.${className}\` because it is included in multiple rulesets.`
       } else if (meta.source !== 'utilities') {
-        message = `'@apply' cannot be used with '${className}' because it is not a utility.`
+        message = `\`@apply\` cannot be used with \`.${className}\` because it is not a utility.`
       } else if (meta.context && meta.context.length > 0) {
         if (meta.context.length === 1) {
-          message = `'@apply' cannot be used with '${className}' because it is nested inside of an at-rule ('${meta.context[0]}').`
+          message = `\`@apply\` cannot be used with \`.${className}\` because it is nested inside of an at-rule (${meta.context[0]}).`
         } else {
-          message = `'@apply' cannot be used with '${className}' because it is nested inside of at-rules (${meta.context
+          message = `\`@apply\` cannot be used with \`.${className}\` because it is nested inside of at-rules (${meta.context.join(
-  DiagnosticSeverity,
+  TextDocument,
   findClassNamesInRange,
+  DiagnosticSeverity,
+  document: TextDocument,
   Range,
         }
       } else if (meta.pseudo && meta.pseudo.length > 0) {
         if (meta.pseudo.length === 1) {
-          message = `'@apply' cannot be used with '${className}' because its definition includes a pseudo-selector ('${meta.pseudo[0]}')`
+          message = `\`@apply\` cannot be used with \`.${className}\` because its definition includes a pseudo-selector (${meta.pseudo[0]})`
         } else {
-          message = `'@apply' cannot be used with '${className}' because its definition includes pseudo-selectors (${meta.pseudo
+          message = `\`@apply\` cannot be used with \`.${className}\` because its definition includes pseudo-selectors (${meta.pseudo.join(
-            .map((p) => `'${p}'`)
+            ', '
-            .join(', ')}).`
+          )})`
         }
       }
 
@@ -119,8 +122,8 @@             severity:
               severity === 'error'
                 ? DiagnosticSeverity.Error
                 : DiagnosticSeverity.Warning,
+  document: TextDocument,
   findClassNamesInRange,
-import { isCssDoc } from '../util/css'
             relatedInformation: [
               {
                 message: otherClassName.className,