diff --git a/packages/ui/src/constants.ts b/packages/ui/src/constants.ts
index 6dc9c32b..2ee9b873 100644
--- a/packages/ui/src/constants.ts
+++ b/packages/ui/src/constants.ts
@@ -2,3 +2,4 @@ export const THEMES = ["light", "dark", "system"] as const
 export type Theme = (typeof THEMES)[number]
 
 export const THEME_STORAGE_KEY = "init-theme"
+export const MOBILE_BREAKPOINT = 768
diff --git a/packages/ui/src/hooks/use-mobile.ts b/packages/ui/src/hooks/use-mobile.ts
index 29b1c2bd..08df60b4 100644
--- a/packages/ui/src/hooks/use-mobile.ts
+++ b/packages/ui/src/hooks/use-mobile.ts
@@ -1,4 +1,4 @@
-import { MOBILE_BREAKPOINT } from "@init/utils/constants"
+import { MOBILE_BREAKPOINT } from "@init/ui/constants"
 import { useEffect, useState } from "react"
 
 export function useIsMobile() {
diff --git a/packages/utils/src/constants/breakpoint.ts b/packages/utils/src/constants/breakpoint.ts
deleted file mode 100644
index 129546d6..00000000
--- a/packages/utils/src/constants/breakpoint.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const MOBILE_BREAKPOINT = 768
diff --git a/packages/utils/src/constants/index.ts b/packages/utils/src/constants/index.ts
index 60c2b146..c7c29c36 100644
--- a/packages/utils/src/constants/index.ts
+++ b/packages/utils/src/constants/index.ts
@@ -1,3 +1,3 @@
 export * from "#constants/app.ts"
 export * from "#constants/asset.ts"
-export * from "#constants/breakpoint.ts"
+