diff --git a/.changeset/wise-fireants-collect.md b/.changeset/wise-fireants-collect.md
new file mode 100644
index 00000000000..91505a71682
--- /dev/null
+++ b/.changeset/wise-fireants-collect.md
@@ -0,0 +1,5 @@
+---
+"@chakra-ui/control-box": patch
+---
+
+Refactor control box
diff --git a/packages/control-box/package.json b/packages/control-box/package.json
index d8e7886ca49..101d3cb7696 100644
--- a/packages/control-box/package.json
+++ b/packages/control-box/package.json
@@ -29,9 +29,6 @@
   "bugs": {
     "url": "https://github.com/chakra-ui/chakra-ui/issues"
   },
-  "dependencies": {
-    "@chakra-ui/utils": "workspace:*"
-  },
   "devDependencies": {
     "@chakra-ui/system": "workspace:*",
     "@chakra-ui/visually-hidden": "workspace:*",
diff --git a/packages/control-box/src/control-box.tsx b/packages/control-box/src/control-box.tsx
index 2ec141c8ad4..6a4c9bb53a8 100644
--- a/packages/control-box/src/control-box.tsx
+++ b/packages/control-box/src/control-box.tsx
@@ -1,5 +1,4 @@
 import { chakra, SystemStyleObject, HTMLChakraProps } from "@chakra-ui/system"
-import { __DEV__ } from "@chakra-ui/utils"
 
 export interface ControlBoxOptions {
   type?: "checkbox" | "radio"
@@ -79,8 +78,6 @@ export const ControlBox: React.FC<ControlBoxProps> = (props) => {
   )
 }
 
-if (__DEV__) {
-  ControlBox.displayName = "ControlBox"
-}
+ControlBox.displayName = "ControlBox"
 
 export default ControlBox
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f81b50ce887..1b00a534d52 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -583,11 +583,8 @@ importers:
     specifiers:
       '@chakra-ui/icons': workspace:*
       '@chakra-ui/system': workspace:*
-      '@chakra-ui/utils': workspace:*
       '@chakra-ui/visually-hidden': workspace:*
       react: ^18.2.0
-    dependencies:
-      '@chakra-ui/utils': link:../utils
     devDependencies:
       '@chakra-ui/icons': link:../icons
       '@chakra-ui/system': link:../system