diff --git a/packages/tailwindcss-language-service/src/completionProvider.ts b/packages/tailwindcss-language-service/src/completionProvider.ts
index b9b87aa3a0587fe435ec906066b5fd21f4da6e17..f7655a0caf7c528dbcc183ab7c17299d2afc5c92 100644
--- a/packages/tailwindcss-language-service/src/completionProvider.ts
+++ b/packages/tailwindcss-language-service/src/completionProvider.ts
@@ -159,7 +159,10 @@     start: { line: Math.max(position.line - 10, 0), character: 0 },
     end: position,
   })
 
-  const match = findLast(/(?:\s|:)(?:class(?:Name)?|\[ngClass\])=['"`{]/gi, str)
+  const match = findLast(
+    /(?:\s|:|\()(?:class(?:Name)?|\[ngClass\])=['"`{]/gi,
+    str
+  )
 
   if (match === null) {
     return null

diff --git a/packages/tailwindcss-language-service/src/util/find.ts b/packages/tailwindcss-language-service/src/util/find.ts
index a680d8cfff2b5a0593837294576c4057718f04d2..96a9606752ff5f949ff995b5d3c89995dbcefbcc 100644
--- a/packages/tailwindcss-language-service/src/util/find.ts
+++ b/packages/tailwindcss-language-service/src/util/find.ts
@@ -209,7 +209,7 @@   range?: Range
 ): DocumentClassList[] {
   const text = doc.getText(range)
   const matches = findAll(
-    /(?:\s|:)(?:class(?:Name)?|\[ngClass\])=['"`{]/g,
+    /(?:\s|:|\()(?:class(?:Name)?|\[ngClass\])=['"`{]/g,
     text
   )
   const result: DocumentClassList[] = []