diff --git a/packages/ui/src/form-fields/checkbox-select.tsx b/packages/ui/src/form-fields/checkbox-select.tsx
index a5e8f3926c..7371e44a7a 100644
--- a/packages/ui/src/form-fields/checkbox-select.tsx
+++ b/packages/ui/src/form-fields/checkbox-select.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 // helpers
-import { cn } from "../../helpers";
+import { cn } from "../utils";
 // components
 import { Checkbox } from "./checkbox";
 
diff --git a/packages/ui/src/form-fields/pill-input.tsx b/packages/ui/src/form-fields/pill-input.tsx
index c6dac99a96..d435fd62ce 100644
--- a/packages/ui/src/form-fields/pill-input.tsx
+++ b/packages/ui/src/form-fields/pill-input.tsx
@@ -1,7 +1,7 @@
 import { X } from "lucide-react";
 import * as React from "react";
 // helpers
-import { cn } from "../../helpers";
+import { cn } from "../utils";
 
 export interface PillInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> {
   mode?: "primary" | "transparent" | "true-transparent";
diff --git a/packages/ui/src/icons/subscribe-icon.tsx b/packages/ui/src/icons/subscribe-icon.tsx
index f0b3e20f3c..c14423afaa 100644
--- a/packages/ui/src/icons/subscribe-icon.tsx
+++ b/packages/ui/src/icons/subscribe-icon.tsx
@@ -1,7 +1,8 @@
 import * as React from "react";
-import { ISvgIcons } from "./type";
 // helpers
-import { cn } from "../../helpers";
+import { cn } from "../utils";
+// types
+import { ISvgIcons } from "./type";
 
 export const SubscribeIcon: React.FC<ISvgIcons> = ({ className = "text-current", ...rest }) => (
   <svg