diff --git a/ui/shared/monaco/CodeEditor.tsx b/ui/shared/monaco/CodeEditor.tsx
index 4500326495..89f230e582 100644
--- a/ui/shared/monaco/CodeEditor.tsx
+++ b/ui/shared/monaco/CodeEditor.tsx
@@ -219,8 +219,9 @@ const CodeEditor = ({ data, remappings, libraries, language, mainFile }: Props)
     };
 
     return (
-      <Box height={ `${ EDITOR_HEIGHT }px` } sx={ sx }>
+      <Box height={ `${ EDITOR_HEIGHT }px` } width="100%" sx={ sx } ref={ containerNodeRef }>
         <MonacoEditor
+          className="editor-container"
           language={ editorLanguage }
           path={ data[index].file_path }
           defaultValue={ data[index].source_code }