diff --git a/frontend/bun.lock b/frontend/bun.lock
index 28c2923..248b7c9 100644
--- a/frontend/bun.lock
+++ b/frontend/bun.lock
@@ -33,7 +33,7 @@
         "svelte-marked": "^0.8.0",
         "tailwind-merge": "^3.0.2",
         "tailwind-scrollbar": "4.0.2",
-        "tailwind-variants": "^1.0.0",
+        "tailwind-variants": "^3.0.0",
         "tailwindcss": "^4.0.13",
         "tailwindcss-animate": "^1.0.7",
         "typescript": "^5.8.2",
@@ -575,7 +575,7 @@
 
     "tailwind-scrollbar": ["tailwind-scrollbar@4.0.2", "", { "dependencies": { "prism-react-renderer": "^2.4.1" }, "peerDependencies": { "tailwindcss": "4.x" } }, "sha512-wAQiIxAPqk0MNTPptVe/xoyWi27y+NRGnTwvn4PQnbvB9kp8QUBiGl/wsfoVBHnQxTmhXJSNt9NHTmcz9EivFA=="],
 
-    "tailwind-variants": ["tailwind-variants@1.0.0", "", { "dependencies": { "tailwind-merge": "3.0.2" }, "peerDependencies": { "tailwindcss": "*" } }, "sha512-2WSbv4ulEEyuBKomOunut65D8UZwxrHoRfYnxGcQNnHqlSCp2+B7Yz2W+yrNDrxRodOXtGD/1oCcKGNBnUqMqA=="],
+    "tailwind-variants": ["tailwind-variants@3.2.2", "", { "peerDependencies": { "tailwind-merge": ">=3.0.0", "tailwindcss": "*" }, "optionalPeers": ["tailwind-merge"] }, "sha512-Mi4kHeMTLvKlM98XPnK+7HoBPmf4gygdFmqQPaDivc3DpYS6aIY6KiG/PgThrGvii5YZJqRsPz0aPyhoFzmZgg=="],
 
     "tailwindcss": ["tailwindcss@4.0.13", "", {}, "sha512-gbvFrB0fOsTv/OugXWi2PtflJ4S6/ctu6Mmn3bCftmLY/6xRsQVEJPgIIpABwpZ52DpONkCA3bEj5b54MHxF2Q=="],
 
diff --git a/frontend/package.json b/frontend/package.json
index b344b85..17a62c9 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -33,7 +33,7 @@
 		"svelte-marked": "^0.8.0",
 		"tailwind-merge": "^3.0.2",
 		"tailwind-scrollbar": "4.0.2",
-		"tailwind-variants": "^1.0.0",
+		"tailwind-variants": "^3.0.0",
 		"tailwindcss": "^4.0.13",
 		"tailwindcss-animate": "^1.0.7",
 		"typescript": "^5.8.2",