diff --git a/apps/web-extension/package.json b/apps/web-extension/package.json
index ae2b6ac..2decd18 100644
--- a/apps/web-extension/package.json
+++ b/apps/web-extension/package.json
@@ -12,7 +12,7 @@
         "package": "plasmo package"
     },
     "dependencies": {
-        "clsx": "^1.2.1",
+        "clsx": "^2.0.0",
         "plasmo": "0.65.3",
         "react": "18.2.0",
         "react-dom": "18.2.0"
diff --git a/apps/web/package.json b/apps/web/package.json
index 507ef32..65f408a 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -23,7 +23,7 @@
         "@solidjs/meta": "^0.28.2",
         "@solidjs/router": "^0.7.0",
         "@tanstack/solid-table": "^8.7.9",
-        "clsx": "^1.2.1",
+        "clsx": "^2.0.0",
         "date-fns": "^2.29.3",
         "extendable-media-recorder": "^7.1.5",
         "extendable-media-recorder-wav-encoder": "^7.0.84",