From d03f0aef8423597aceb36ddbbb1cc63033d0066d Mon Sep 17 00:00:00 2001
From: Jessica Boezwinkle <jessica@trbl.design>
Date: Tue, 29 Nov 2022 16:03:34 +0000
Subject: [PATCH] fix: uses baseClass in code field

---
 src/admin/components/forms/field-types/Code/Code.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/admin/components/forms/field-types/Code/Code.tsx b/src/admin/components/forms/field-types/Code/Code.tsx
index a5cba959b4..222ffaad22 100644
--- a/src/admin/components/forms/field-types/Code/Code.tsx
+++ b/src/admin/components/forms/field-types/Code/Code.tsx
@@ -17,10 +17,11 @@ import Error from '../../Error';
 import FieldDescription from '../../FieldDescription';
 import { code } from '../../../../../fields/validations';
 import { Props } from './types';
-import { useTheme } from '../../../utilities/Theme';
 
 import './index.scss';
 
+const baseClass = 'code-field';
+
 const Code: React.FC<Props> = (props) => {
   const {
     path: pathFromProps,
@@ -65,8 +66,8 @@ const Code: React.FC<Props> = (props) => {
   });
 
   const classes = [
+    baseClass,
     'field-type',
-    'code',
     className,
     showError && 'error',
     readOnly && 'read-only',
@@ -90,7 +91,7 @@ const Code: React.FC<Props> = (props) => {
         required={required}
       />
       <Editor
-        className="input"
+        className={`${baseClass}__input`}
         id={`field-${path.replace(/\./gi, '__')}`}
         value={value as string || ''}
         onValueChange={readOnly ? () => null : setValue}