diff --git a/package.json b/package.json
index 8f2dab2a..575ec42e 100644
--- a/package.json
+++ b/package.json
@@ -35,7 +35,7 @@
     "@monaco-editor/react": "4.6.0",
     "@react-aria/utils": "3.23.0",
     "@react-hooks-library/core": "0.6.0",
-    "@react-spring/web": "^9.7.3",
+    "@react-spring/web": "9.7.3",
     "@react-stately/utils": "3.9.0",
     "@react-types/shared": "3.22.0",
     "@tanstack/match-sorter-utils": "8.8.4",
diff --git a/src/components/CodeEditor.tsx b/src/components/CodeEditor.tsx
index a0934d41..1b8a4bc5 100644
--- a/src/components/CodeEditor.tsx
+++ b/src/components/CodeEditor.tsx
@@ -1,5 +1,5 @@
 import { type Dispatch, useEffect, useState } from 'react'
-import { Button, Flex, P } from 'honorable'
+import { Button, Div, Flex, P } from 'honorable'
 import { useTheme } from 'styled-components'
 
 import Editor, { useMonaco } from '@monaco-editor/react'
@@ -89,7 +89,7 @@ export default function CodeEditor({
       height={height}
       {...props}
     >
-      <div
+      <Div
         css={{
           display: 'flex',
           flexDirection: 'column',
@@ -107,7 +107,7 @@ export default function CodeEditor({
           options={merge(defaultOptions, options)}
           theme={theme.mode === 'light' ? 'plural-light' : 'plural-dark'}
         />
-      </div>
+      </Div>
       {save && (
         <Flex
           align="center"
diff --git a/yarn.lock b/yarn.lock
index 4c180349..96039ff6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2899,7 +2899,7 @@ __metadata:
     "@pluralsh/eslint-config-typescript": 2.5.147
     "@react-aria/utils": 3.23.0
     "@react-hooks-library/core": 0.6.0
-    "@react-spring/web": ^9.7.3
+    "@react-spring/web": 9.7.3
     "@react-stately/utils": 3.9.0
     "@react-types/shared": 3.22.0
     "@storybook/addon-actions": 7.6.5
@@ -4485,7 +4485,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@react-spring/web@npm:^9.7.3":
+"@react-spring/web@npm:9.7.3":
   version: 9.7.3
   resolution: "@react-spring/web@npm:9.7.3"
   dependencies: