diff --git a/src/extension.ts b/src/extension.ts
index 034bb9aaf876de4cdf4b8d4ef4eab94e41ebe2b4..1d060ecd1e87703bd79fd00758fa6e40de94e92a 100644
--- a/src/extension.ts
+++ b/src/extension.ts
@@ -7,24 +7,6 @@ const dlv = require('dlv')
 const Color = require('color')
 
 const CONFIG_GLOB = '{tailwind,tailwind.config,tailwind-config,.tailwindrc}.js'
-const JS_TYPES = ['typescriptreact', 'javascript', 'javascriptreact']
-const HTML_TYPES = [
-  'html',
-  'jade',
-  'razor',
-  'php',
-  'blade',
-  'vue',
-  'twig',
-  'markdown',
-  'erb',
-  'handlebars',
-  'ejs',
-  'nunjucks',
-  // for jsx
-  ...JS_TYPES
-]
-const CSS_TYPES = ['css', 'sass', 'scss', 'less', 'postcss', 'stylus']
 
 export async function activate(context: vscode.ExtensionContext) {
   let tw
@@ -304,7 +286,7 @@
     this._providers.push(
       createCompletionItemProvider(
         this._items,
-        JS_TYPES,
+        ['typescriptreact', 'javascript', 'javascriptreact'],
         /\btw`([^`]*)$/,
         ['`', ' ', separator],
         tailwind.config
@@ -314,7 +296,7 @@
     this._providers.push(
       createCompletionItemProvider(
         this._items,
-        CSS_TYPES,
+        ['css', 'sass', 'scss'],
         /@apply ([^;}]*)$/,
         ['.', separator],
         tailwind.config,
@@ -325,7 +307,23 @@
     this._providers.push(
       createCompletionItemProvider(
         this._items,
-        HTML_TYPES,
+        [
+          'html',
+          'jade',
+          'razor',
+          'php',
+          'blade',
+          'vue',
+          'twig',
+          'markdown',
+          'erb',
+          'handlebars',
+          'ejs',
+          // for jsx
+          'typescriptreact',
+          'javascript',
+          'javascriptreact'
+        ],
         /\bclass(Name)?=["']([^"']*)$/, // /\bclass(Name)?=(["'])(?!.*?\2)/
         ["'", '"', ' ', separator],
         tailwind.config
@@ -374,7 +372,7 @@       )
     )
 
     this._providers.push(
-      vscode.languages.registerHoverProvider(HTML_TYPES, {
+      vscode.languages.registerHoverProvider('html', {
         provideHover: (document, position, token) => {
           const range1: vscode.Range = new vscode.Range(
             new vscode.Position(Math.max(position.line - 5, 0), 0),