diff --git a/distribution_fe/components/ui/toggle-group.tsx b/distribution_fe/components/ui/toggle-group.tsx
index b85eb1a..242e29c 100644
--- a/distribution_fe/components/ui/toggle-group.tsx
+++ b/distribution_fe/components/ui/toggle-group.tsx
@@ -4,7 +4,7 @@ import * as React from "react"
 import { Toggle as TogglePrimitive } from "@base-ui/react/toggle"
 import { ToggleGroup as ToggleGroupPrimitive } from "@base-ui/react/toggle-group"
 import { type VariantProps } from "class-variance-authority"
-import { cn } from "cn"
+import { cn } from "@/lib/utils"
 
 import { toggleVariants } from "@/components/ui/toggle"
 
diff --git a/distribution_fe/components/ui/toggle.tsx b/distribution_fe/components/ui/toggle.tsx
index d6f4977..5528d6b 100644
--- a/distribution_fe/components/ui/toggle.tsx
+++ b/distribution_fe/components/ui/toggle.tsx
@@ -2,7 +2,7 @@
 
 import { Toggle as TogglePrimitive } from "@base-ui/react/toggle"
 import { cva, type VariantProps } from "class-variance-authority"
-import { cn } from "cn"
+import { cn } from "@/lib/utils"
 
 const toggleVariants = cva(
   "group/toggle inline-flex items-center justify-center gap-1 rounded-2xl text-sm font-medium whitespace-nowrap transition-colors outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/30 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",