diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index ce64c16..40f9410 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -27,7 +27,7 @@
 				"svelte": "^5.56.1",
 				"svelte-check": "^4.6.0",
 				"tailwind-merge": "^3.5.0",
-				"tailwind-variants": "^3.2.2",
+				"tailwind-variants": "^4.0.1",
 				"tailwindcss": "^4.3.0",
 				"tw-animate-css": "^1.4.0",
 				"typescript": "^6.0.3",
@@ -2005,21 +2005,14 @@
 			}
 		},
 		"node_modules/tailwind-variants": {
-			"version": "3.2.2",
+			"version": "4.0.1",
+			"resolved": "https://registry.npmjs.org/tailwind-variants/-/tailwind-variants-4.0.1.tgz",
+			"integrity": "sha512-VumzgPklIwpneDWtskGuhEqPlfZZ2DeN1nIb2um9DRhk9XBX580s4N84A533j+oHN+dLz274HkKvSjr+64fggA==",
 			"dev": true,
 			"license": "MIT",
 			"engines": {
-				"node": ">=16.x",
+				"node": ">=16.9.x",
 				"pnpm": ">=7.x"
-			},
-			"peerDependencies": {
-				"tailwind-merge": ">=3.0.0",
-				"tailwindcss": "*"
-			},
-			"peerDependenciesMeta": {
-				"tailwind-merge": {
-					"optional": true
-				}
 			}
 		},
 		"node_modules/tailwindcss": {
diff --git a/frontend/package.json b/frontend/package.json
index 89a1d3e..8320943 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -29,7 +29,7 @@
 		"svelte": "^5.56.1",
 		"svelte-check": "^4.6.0",
 		"tailwind-merge": "^3.5.0",
-		"tailwind-variants": "^3.2.2",
+		"tailwind-variants": "^4.0.1",
 		"tailwindcss": "^4.3.0",
 		"tw-animate-css": "^1.4.0",
 		"typescript": "^6.0.3",