diff --git a/packages/tailwindcss-language-server/src/providers/completionProvider.ts b/packages/tailwindcss-language-server/src/providers/completionProvider.ts
index 518d1e70f9309fb6f445a7c7d81998703579b6b9..3c77de0404ea2a9d22ccb8a3f9b237779ba6ce59 100644
--- a/packages/tailwindcss-language-server/src/providers/completionProvider.ts
+++ b/packages/tailwindcss-language-server/src/providers/completionProvider.ts
@@ -27,8 +27,7 @@   classListRange: Range
 ): CompletionList {
   let classNames = classList.split(/[\s+]/)
   const partialClassName = classNames[classNames.length - 1]
-  // TODO
-  let sep = ':'
+  let sep = state.separator
   let parts = partialClassName.split(sep)
   let subset: any
   let subsetKey: string[] = []
@@ -73,7 +72,7 @@         let command: any
         if (isContextItem(state, [...subsetKey, className])) {
           kind = CompletionItemKind.Module
           command = { title: '', command: 'editor.action.triggerSuggest' }
-          label += state.separator
+          label += sep
         } else {
           const color = getColor(state, [className])
           if (color) {