diff --git a/packages/form/src/compositions/CodeEditorField/__stories__/Playground.stories.tsx b/packages/form/src/compositions/CodeEditorField/__stories__/Playground.stories.tsx
index 1f3707c410..982a570d65 100644
--- a/packages/form/src/compositions/CodeEditorField/__stories__/Playground.stories.tsx
+++ b/packages/form/src/compositions/CodeEditorField/__stories__/Playground.stories.tsx
@@ -4,4 +4,5 @@ export const Playground = Template.bind({})
 
 Playground.args = {
   name: 'code-editor',
+  extensions: 'js',
 }
diff --git a/packages/form/src/compositions/CodeEditorField/__stories__/Required.stories.tsx b/packages/form/src/compositions/CodeEditorField/__stories__/Required.stories.tsx
index f7ae424b3c..60b161ed4d 100644
--- a/packages/form/src/compositions/CodeEditorField/__stories__/Required.stories.tsx
+++ b/packages/form/src/compositions/CodeEditorField/__stories__/Required.stories.tsx
@@ -19,4 +19,5 @@ Required.args = {
   label: 'This CodeEditor is required',
   name: 'required-code-editor',
   required: true,
+  extensions: 'js',
 }