diff --git a/tools/ui-components/package-lock.json b/tools/ui-components/package-lock.json
index 777b406440..509285a966 100644
--- a/tools/ui-components/package-lock.json
+++ b/tools/ui-components/package-lock.json
@@ -17260,16 +17260,16 @@
       }
     },
     "tailwindcss": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-2.2.2.tgz",
-      "integrity": "sha512-OzFWhlnfrO3JXZKHQiqZcb0Wwl3oJSmQ7PvT2jdIgCjV5iUoAyql9bb9ZLCSBI5TYXmawujXAoNxXVfP5Auy/Q==",
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-2.2.4.tgz",
+      "integrity": "sha512-OdBCPgazNNsknSP+JfrPzkay9aqKjhKtFhbhgxHgvEFdHy/GuRPo2SCJ4w1SFTN8H6FPI4m6qD/Jj20NWY1GkA==",
       "dev": true,
       "requires": {
         "@fullhuman/postcss-purgecss": "^4.0.3",
         "arg": "^5.0.0",
         "bytes": "^3.0.0",
         "chalk": "^4.1.1",
-        "chokidar": "^3.5.1",
+        "chokidar": "^3.5.2",
         "color": "^3.1.3",
         "cosmiconfig": "^7.0.0",
         "detective": "^5.2.0",
@@ -17287,7 +17287,7 @@
         "normalize-path": "^3.0.0",
         "object-hash": "^2.2.0",
         "postcss-js": "^3.0.3",
-        "postcss-load-config": "^3.0.1",
+        "postcss-load-config": "^3.1.0",
         "postcss-nested": "5.0.5",
         "postcss-selector-parser": "^6.0.6",
         "postcss-value-parser": "^4.1.0",
@@ -17317,6 +17317,33 @@
             "supports-color": "^7.1.0"
           }
         },
+        "chokidar": {
+          "version": "3.5.2",
+          "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.2.tgz",
+          "integrity": "sha512-ekGhOnNVPgT77r4K/U3GDhu+FQ2S8TnK/s2KbIGXi0SZWuwkZ2QNyfWdZW+TVfn84DpEP7rLeCt2UI6bJ8GwbQ==",
+          "dev": true,
+          "requires": {
+            "anymatch": "~3.1.2",
+            "braces": "~3.0.2",
+            "fsevents": "~2.3.2",
+            "glob-parent": "~5.1.2",
+            "is-binary-path": "~2.1.0",
+            "is-glob": "~4.0.1",
+            "normalize-path": "~3.0.0",
+            "readdirp": "~3.6.0"
+          },
+          "dependencies": {
+            "glob-parent": {
+              "version": "5.1.2",
+              "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+              "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+              "dev": true,
+              "requires": {
+                "is-glob": "^4.0.1"
+              }
+            }
+          }
+        },
         "color-convert": {
           "version": "2.0.1",
           "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -17391,6 +17418,15 @@
             "util-deprecate": "^1.0.2"
           }
         },
+        "readdirp": {
+          "version": "3.6.0",
+          "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+          "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+          "dev": true,
+          "requires": {
+            "picomatch": "^2.2.1"
+          }
+        },
         "supports-color": {
           "version": "7.2.0",
           "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
diff --git a/tools/ui-components/package.json b/tools/ui-components/package.json
index 3a7008876b..1bf2ecf08b 100644
--- a/tools/ui-components/package.json
+++ b/tools/ui-components/package.json
@@ -40,7 +40,7 @@
     "cross-env": "7.0.3",
     "postcss": "8.3.5",
     "postcss-import": "14.0.2",
-    "tailwindcss": "2.2.2",
+    "tailwindcss": "2.2.4",
     "rimraf": "3.0.2",
     "rollup": "2.52.2",
     "rollup-plugin-postcss": "4.0.0",