diff --git a/website/pages/docs/getting-started.mdx b/website/pages/docs/getting-started.mdx
index e53a6c6..3c7608d 100644
--- a/website/pages/docs/getting-started.mdx
+++ b/website/pages/docs/getting-started.mdx
@@ -22,14 +22,12 @@ You can enable Tailwind CSS autocompletion inside `twc` using the steps below:
     2. Add the following to your [`settings.json`](https://code.visualstudio.com/docs/getstarted/settings):
 
     ```json
-    {
-      "tailwindCSS.experimental.classRegex": [
-        "twc\\.[^`]+`([^`]*)`",
-        "twc\\(.*?\\).*?`([^`]*)",
+    "tailwindCSS.experimental.classRegex": [
+        "twc\\.[^`]+`([^`]*)`", 
+        "twc\\([^`]*?\\)`([^`]*)`",
         ["twc\\.[^`]+\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"],
-        ["twc\\(.*?\\).*?\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
-      ]
-    }
+        ["twc\\([^`]*?\\).*?\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
+    ]
     ```
 
   </Tab>