diff --git a/frontend/src/helpers/classNames.ts b/frontend/src/helpers/classNames.ts
new file mode 100644
index 000000000..920e506d1
--- /dev/null
+++ b/frontend/src/helpers/classNames.ts
@@ -0,0 +1,7 @@
+import type { CxOptions } from "cva";
+import { cx } from "cva";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: CxOptions) {
+  return twMerge(cx(inputs));
+}