bigger spark editor

www/src/components/Table/TableHeader/Sparks.tsx

@@ -107,7 +107,7 @@ export default function SparksEditor({ requestSnackLog }) {
             </>
           }
           children={
-            <>
+            <div style={{ height: "calc(100vh - 250px)" }}>
               <Alert severity="warning">
                 This is an alpha feature. Cloud Functions and Google Cloud
                 integration setup is required, but the process is not yet
@@ -140,7 +140,7 @@ export default function SparksEditor({ requestSnackLog }) {
                   press shift and control key to enable force save.
                 </Alert>
               )}
-            </>
+            </div>
           }
           actions={{
             primary: showForceSave

www/src/components/Table/editors/CodeEditor.tsx

@@ -6,7 +6,11 @@ import { FieldType } from "constants/fields";
 
 const useStyles = makeStyles((theme) =>
   createStyles({
-    editorWrapper: { position: "relative", minWidth: 800 },
+    editorWrapper: {
+      position: "relative",
+      minWidth: 800,
+      height: "calc(100% - 200px)",
+    },
     resizeIcon: {
       position: "absolute",
       bottom: 0,
@@ -25,7 +29,6 @@ export default function CodeEditor(props: any) {
     handleChange,
     extraLibs,
     script,
-    height = 400,
     onValideStatusUpdate,
     diagnosticsOptions,
   } = props;
@@ -403,7 +406,6 @@ export default function CodeEditor(props: any) {
       <div className={classes.editorWrapper}>
         <Editor
           theme={themeTransformer(theme.palette.type)}
-          height={height}
           onMount={handleEditorDidMount}
           language="javascript"
           value={initialEditorValue}