updated so button does not block text

Author: rubydong

packages/compass-indexes/src/components/create-index-form/query-flow-section.tsx

@@ -37,22 +37,26 @@ const suggestedIndexButtonStyles = css({
   position: 'absolute',
   right: spacing[600],
   bottom: spacing[600],
+  marginBottom: spacing[400],
 });
 
 const editorContainerRadius = spacing[300];
 
 const codeEditorContainerStyles = css({
   border: `1px solid ${palette.gray.base}`,
   borderRadius: editorContainerRadius,
+  marginBottom: spacing[600],
 });
 
 const codeEditorStyles = css({
   borderRadius: editorContainerRadius,
   '& .cm-editor': {
-    background: 'transparent !important',
+    background: `${palette.white} !important`,
+    borderRadius: editorContainerRadius,
   },
   '& .cm-content': {
     padding: spacing[600],
+    paddingBottom: spacing[1400],
   },
 });