diff --git a/apps/web/src/lib/utils.ts b/apps/web/src/lib/utils.ts
index 365058cebd7d2bdb327ca1c081b16e4937e11050..d27850a379532fb32ef895464f6572e570463c16 100644
--- a/apps/web/src/lib/utils.ts
+++ b/apps/web/src/lib/utils.ts
@@ -1,6 +1,6 @@
-import { type ClassValue, clsx } from "clsx";
+import { type CxOptions, cx } from "class-variance-authority";
 import { twMerge } from "tailwind-merge";
 
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
+export function cn(...inputs: CxOptions) {
+  return twMerge(cx(inputs));
 }