diff --git a/common/constants/index.ts b/common/constants/index.ts
index 75856e45..4fc24444 100644
--- a/common/constants/index.ts
+++ b/common/constants/index.ts
@@ -8,6 +8,7 @@ export const PLUGIN_NAME = 'Query Workbench';
 export const OPENSEARCH_ACC_DOCUMENTATION_URL = 'https://opensearch.org/docs/latest';
 export const ACC_INDEX_TYPE_DOCUMENTATION_URL = 'https://opensearch.org/docs/latest';
 
+export const SKIPPING_INDEX = `skipping_index`
 export const ON_LOAD_QUERY = `SHOW tables LIKE '%';`;
 export const SKIPPING_INDEX_QUERY = `CREATE SKIPPING INDEX ON myS3.logs_db.http_logs 
 (status VALUE_SET) 
diff --git a/public/components/Main/__snapshots__/main.test.tsx.snap b/public/components/Main/__snapshots__/main.test.tsx.snap
index 84899358..ff0dd051 100644
--- a/public/components/Main/__snapshots__/main.test.tsx.snap
+++ b/public/components/Main/__snapshots__/main.test.tsx.snap
@@ -287,267 +287,271 @@ exports[`<Main /> spec click clear button 1`] = `
       </div>
     </div>
     <div
-      class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
       role="main"
     >
       <div
-        class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-      />
-      <div
-        class="euiSpacer euiSpacer--l"
-      />
-      <div>
+        class="euiPageContentBody"
+      >
         <div
-          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel"
-        >
-          <div
-            class="euiSpacer euiSpacer--s"
-          />
+          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+        />
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div>
           <div
-            class="euiCodeEditorWrapper"
-            data-test-subj="codeEditorContainer"
-            style="width: 100%; height: 7rem;"
+            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel"
           >
-            <button
-              class="euiCodeEditorKeyboardHint"
-              data-test-subj="codeEditorHint"
-              id="some_html_id"
-            >
-              <p
-                class="euiText"
-              >
-                Press Enter to start editing.
-              </p>
-              <p
-                class="euiText"
-              >
-                When you're done, press Escape to stop editing.
-              </p>
-            </button>
-            <div
-              class=" ace_editor ace-sql-console"
-              id="some_html_id"
-              style="width: 100%; height: 7rem; font-size: 14px;"
-            >
-              <textarea
-                aria-label="Code Editor"
-                autocapitalize="off"
-                autocorrect="off"
-                class="ace_text-input"
-                spellcheck="false"
-                style="opacity: 0;"
-                tabindex="-1"
-                wrap="off"
-              />
+            <div
+              class="euiSpacer euiSpacer--s"
+            />
+            <div
+              class="euiCodeEditorWrapper"
+              data-test-subj="codeEditorContainer"
+              style="width: 100%; height: 7rem;"
+            >
+              <button
+                class="euiCodeEditorKeyboardHint"
+                data-test-subj="codeEditorHint"
+                id="some_html_id"
+              >
+                <p
+                  class="euiText"
+                >
+                  Press Enter to start editing.
+                </p>
+                <p
+                  class="euiText"
+                >
+                  When you're done, press Escape to stop editing.
+                </p>
+              </button>
               <div
-                aria-hidden="true"
-                class="ace_gutter"
+                class=" ace_editor ace-sql-console"
+                id="some_html_id"
+                style="width: 100%; height: 7rem; font-size: 14px;"
               >
-                <div
-                  class="ace_layer ace_gutter-layer ace_folding-enabled"
+                <textarea
+                  aria-label="Code Editor"
+                  autocapitalize="off"
+                  autocorrect="off"
+                  class="ace_text-input"
+                  spellcheck="false"
+                  style="opacity: 0;"
+                  tabindex="-1"
+                  wrap="off"
                 />
                 <div
-                  class="ace_gutter-active-line"
-                />
-              </div>
-              <div
-                class="ace_scroller"
-              >
+                  aria-hidden="true"
+                  class="ace_gutter"
+                >
+                  <div
+                    class="ace_layer ace_gutter-layer ace_folding-enabled"
+                  />
+                  <div
+                    class="ace_gutter-active-line"
+                  />
+                </div>
                 <div
-                  class="ace_content"
+                  class="ace_scroller"
                 >
                   <div
-                    class="ace_layer ace_print-margin-layer"
+                    class="ace_content"
                   >
                     <div
-                      class="ace_print-margin"
-                      style="left: 4px; visibility: hidden;"
+                      class="ace_layer ace_print-margin-layer"
+                    >
+                      <div
+                        class="ace_print-margin"
+                        style="left: 4px; visibility: hidden;"
+                      />
+                    </div>
+                    <div
+                      class="ace_layer ace_marker-layer"
+                    />
+                    <div
+                      class="ace_layer ace_text-layer"
+                      style="padding: 0px 4px;"
+                    />
+                    <div
+                      class="ace_layer ace_marker-layer"
                     />
+                    <div
+                      class="ace_layer ace_cursor-layer ace_hidden-cursors"
+                    >
+                      <div
+                        class="ace_cursor"
+                      />
+                    </div>
                   </div>
+                </div>
+                <div
+                  class="ace_scrollbar ace_scrollbar-v"
+                  style="display: none; width: 20px;"
+                >
                   <div
-                    class="ace_layer ace_marker-layer"
+                    class="ace_scrollbar-inner"
+                    style="width: 20px;"
                   />
+                </div>
+                <div
+                  class="ace_scrollbar ace_scrollbar-h"
+                  style="display: none; height: 20px;"
+                >
                   <div
-                    class="ace_layer ace_text-layer"
-                    style="padding: 0px 4px;"
+                    class="ace_scrollbar-inner"
+                    style="height: 20px;"
                   />
+                </div>
+                <div
+                  style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: hidden;"
+                >
                   <div
-                    class="ace_layer ace_marker-layer"
+                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
                   />
                   <div
-                    class="ace_layer ace_cursor-layer ace_hidden-cursors"
+                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
                   >
-                    <div
-                      class="ace_cursor"
-                    />
+                    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
                   </div>
                 </div>
               </div>
-              <div
-                class="ace_scrollbar ace_scrollbar-v"
-                style="display: none; width: 20px;"
-              >
-                <div
-                  class="ace_scrollbar-inner"
-                  style="width: 20px;"
-                />
-              </div>
-              <div
-                class="ace_scrollbar ace_scrollbar-h"
-                style="display: none; height: 20px;"
-              >
-                <div
-                  class="ace_scrollbar-inner"
-                  style="height: 20px;"
-                />
-              </div>
-              <div
-                style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: hidden;"
-              >
-                <div
-                  style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
-                />
-                <div
-                  style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
-                >
-                  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
-                </div>
-              </div>
             </div>
-          </div>
-          <div
-            class="euiSpacer euiSpacer--l"
-          />
-          <div
-            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-          >
             <div
-              class="euiFlexItem"
+              class="euiSpacer euiSpacer--l"
+            />
+            <div
+              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
             >
               <div
-                class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--directionRow euiFlexGroup--responsive action-container"
+                class="euiFlexItem"
               >
                 <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                  class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--directionRow euiFlexGroup--responsive action-container"
                 >
-                  <button
-                    class="euiButton euiButton--primary euiButton--fill sql-editor-button"
-                    type="button"
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
-                    <span
-                      class="euiButtonContent euiButton__content"
+                    <button
+                      class="euiButton euiButton--primary euiButton--fill sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiButton__text"
+                        class="euiButtonContent euiButton__content"
                       >
-                        Run
+                        <span
+                          class="euiButton__text"
+                        >
+                          Run
+                        </span>
                       </span>
-                    </span>
-                  </button>
-                </div>
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <button
-                    class="euiButton euiButton--primary sql-editor-button"
-                    type="button"
+                    </button>
+                  </div>
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
-                    <span
-                      class="euiButtonContent euiButton__content"
+                    <button
+                      class="euiButton euiButton--primary sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiButton__text"
+                        class="euiButtonContent euiButton__content"
                       >
-                        Clear
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear
+                        </span>
                       </span>
-                    </span>
-                  </button>
-                </div>
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <button
-                    class="euiButton euiButton--primary sql-editor-button"
-                    type="button"
+                    </button>
+                  </div>
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
-                    <span
-                      class="euiButtonContent euiButton__content"
+                    <button
+                      class="euiButton euiButton--primary sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiButton__text"
+                        class="euiButtonContent euiButton__content"
                       >
-                        Explain
+                        <span
+                          class="euiButton__text"
+                        >
+                          Explain
+                        </span>
                       </span>
-                    </span>
-                  </button>
+                    </button>
+                  </div>
                 </div>
               </div>
             </div>
           </div>
         </div>
-      </div>
-      <div
-        class="euiSpacer euiSpacer--l"
-      />
-      <div
-        class="sql-console-query-result"
-      >
         <div
-          class="euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow query-result-container"
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="sql-console-query-result"
         >
           <div
-            style="padding: 20px 20px 0px 20px;"
+            class="euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow query-result-container"
           >
             <div
-              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+              style="padding: 20px 20px 0px 20px;"
             >
               <div
-                class="euiFlexItem"
+                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
               >
                 <div
-                  class="euiText euiText--medium query-result-panel-header"
+                  class="euiFlexItem"
                 >
-                  <h3>
-                    Results
-                  </h3>
+                  <div
+                    class="euiText euiText--medium query-result-panel-header"
+                  >
+                    <h3>
+                      Results
+                    </h3>
+                  </div>
                 </div>
+                <div
+                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                />
               </div>
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
-              />
             </div>
-          </div>
-          <div
-            class="euiSpacer euiSpacer--xxl"
-          />
-          <div
-            class="euiSpacer euiSpacer--xl"
-          />
-          <div
-            class="euiText euiText--medium"
-            style="color: rgb(63, 63, 63);"
-          >
             <div
-              class="euiTextAlign euiTextAlign--center"
-            >
-              <h4>
-                No result
-              </h4>
-            </div>
+              class="euiSpacer euiSpacer--xxl"
+            />
+            <div
+              class="euiSpacer euiSpacer--xl"
+            />
             <div
-              class="euiTextAlign euiTextAlign--center"
+              class="euiText euiText--medium"
+              style="color: rgb(63, 63, 63);"
             >
-              <p>
-                Enter a query in the query editor above to see results.
-              </p>
+              <div
+                class="euiTextAlign euiTextAlign--center"
+              >
+                <h4>
+                  No result
+                </h4>
+              </div>
+              <div
+                class="euiTextAlign euiTextAlign--center"
+              >
+                <p>
+                  Enter a query in the query editor above to see results.
+                </p>
+              </div>
             </div>
+            <div
+              class="euiSpacer euiSpacer--xxl"
+            />
+            <div
+              class="euiSpacer euiSpacer--xl"
+            />
           </div>
-          <div
-            class="euiSpacer euiSpacer--xxl"
-          />
-          <div
-            class="euiSpacer euiSpacer--xl"
-          />
         </div>
       </div>
     </div>
@@ -842,267 +846,271 @@ exports[`<Main /> spec click run button, and response causes an error 1`] = `
       </div>
     </div>
     <div
-      class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
       role="main"
     >
       <div
-        class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-      />
-      <div
-        class="euiSpacer euiSpacer--l"
-      />
-      <div>
+        class="euiPageContentBody"
+      >
         <div
-          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel"
-        >
-          <div
-            class="euiSpacer euiSpacer--s"
-          />
+          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+        />
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div>
           <div
-            class="euiCodeEditorWrapper"
-            data-test-subj="codeEditorContainer"
-            style="width: 100%; height: 7rem;"
+            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel"
           >
-            <button
-              class="euiCodeEditorKeyboardHint"
-              data-test-subj="codeEditorHint"
-              id="some_html_id"
-            >
-              <p
-                class="euiText"
-              >
-                Press Enter to start editing.
-              </p>
-              <p
-                class="euiText"
-              >
-                When you're done, press Escape to stop editing.
-              </p>
-            </button>
-            <div
-              class=" ace_editor ace-sql-console"
-              id="some_html_id"
-              style="width: 100%; height: 7rem; font-size: 14px;"
-            >
-              <textarea
-                aria-label="Code Editor"
-                autocapitalize="off"
-                autocorrect="off"
-                class="ace_text-input"
-                spellcheck="false"
-                style="opacity: 0;"
-                tabindex="-1"
-                wrap="off"
-              />
+            <div
+              class="euiSpacer euiSpacer--s"
+            />
+            <div
+              class="euiCodeEditorWrapper"
+              data-test-subj="codeEditorContainer"
+              style="width: 100%; height: 7rem;"
+            >
+              <button
+                class="euiCodeEditorKeyboardHint"
+                data-test-subj="codeEditorHint"
+                id="some_html_id"
+              >
+                <p
+                  class="euiText"
+                >
+                  Press Enter to start editing.
+                </p>
+                <p
+                  class="euiText"
+                >
+                  When you're done, press Escape to stop editing.
+                </p>
+              </button>
               <div
-                aria-hidden="true"
-                class="ace_gutter"
+                class=" ace_editor ace-sql-console"
+                id="some_html_id"
+                style="width: 100%; height: 7rem; font-size: 14px;"
               >
-                <div
-                  class="ace_layer ace_gutter-layer ace_folding-enabled"
+                <textarea
+                  aria-label="Code Editor"
+                  autocapitalize="off"
+                  autocorrect="off"
+                  class="ace_text-input"
+                  spellcheck="false"
+                  style="opacity: 0;"
+                  tabindex="-1"
+                  wrap="off"
                 />
                 <div
-                  class="ace_gutter-active-line"
-                />
-              </div>
-              <div
-                class="ace_scroller"
-              >
+                  aria-hidden="true"
+                  class="ace_gutter"
+                >
+                  <div
+                    class="ace_layer ace_gutter-layer ace_folding-enabled"
+                  />
+                  <div
+                    class="ace_gutter-active-line"
+                  />
+                </div>
                 <div
-                  class="ace_content"
+                  class="ace_scroller"
                 >
                   <div
-                    class="ace_layer ace_print-margin-layer"
+                    class="ace_content"
                   >
                     <div
-                      class="ace_print-margin"
-                      style="left: 4px; visibility: hidden;"
+                      class="ace_layer ace_print-margin-layer"
+                    >
+                      <div
+                        class="ace_print-margin"
+                        style="left: 4px; visibility: hidden;"
+                      />
+                    </div>
+                    <div
+                      class="ace_layer ace_marker-layer"
+                    />
+                    <div
+                      class="ace_layer ace_text-layer"
+                      style="padding: 0px 4px;"
                     />
+                    <div
+                      class="ace_layer ace_marker-layer"
+                    />
+                    <div
+                      class="ace_layer ace_cursor-layer ace_hidden-cursors"
+                    >
+                      <div
+                        class="ace_cursor"
+                      />
+                    </div>
                   </div>
+                </div>
+                <div
+                  class="ace_scrollbar ace_scrollbar-v"
+                  style="display: none; width: 20px;"
+                >
                   <div
-                    class="ace_layer ace_marker-layer"
+                    class="ace_scrollbar-inner"
+                    style="width: 20px;"
                   />
+                </div>
+                <div
+                  class="ace_scrollbar ace_scrollbar-h"
+                  style="display: none; height: 20px;"
+                >
                   <div
-                    class="ace_layer ace_text-layer"
-                    style="padding: 0px 4px;"
+                    class="ace_scrollbar-inner"
+                    style="height: 20px;"
                   />
+                </div>
+                <div
+                  style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: hidden;"
+                >
                   <div
-                    class="ace_layer ace_marker-layer"
+                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
                   />
                   <div
-                    class="ace_layer ace_cursor-layer ace_hidden-cursors"
+                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
                   >
-                    <div
-                      class="ace_cursor"
-                    />
+                    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
                   </div>
                 </div>
               </div>
-              <div
-                class="ace_scrollbar ace_scrollbar-v"
-                style="display: none; width: 20px;"
-              >
-                <div
-                  class="ace_scrollbar-inner"
-                  style="width: 20px;"
-                />
-              </div>
-              <div
-                class="ace_scrollbar ace_scrollbar-h"
-                style="display: none; height: 20px;"
-              >
-                <div
-                  class="ace_scrollbar-inner"
-                  style="height: 20px;"
-                />
-              </div>
-              <div
-                style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: hidden;"
-              >
-                <div
-                  style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
-                />
-                <div
-                  style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
-                >
-                  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
-                </div>
-              </div>
             </div>
-          </div>
-          <div
-            class="euiSpacer euiSpacer--l"
-          />
-          <div
-            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-          >
             <div
-              class="euiFlexItem"
+              class="euiSpacer euiSpacer--l"
+            />
+            <div
+              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
             >
               <div
-                class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--directionRow euiFlexGroup--responsive action-container"
+                class="euiFlexItem"
               >
                 <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                  class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--directionRow euiFlexGroup--responsive action-container"
                 >
-                  <button
-                    class="euiButton euiButton--primary euiButton--fill sql-editor-button"
-                    type="button"
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
-                    <span
-                      class="euiButtonContent euiButton__content"
+                    <button
+                      class="euiButton euiButton--primary euiButton--fill sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiButton__text"
+                        class="euiButtonContent euiButton__content"
                       >
-                        Run
+                        <span
+                          class="euiButton__text"
+                        >
+                          Run
+                        </span>
                       </span>
-                    </span>
-                  </button>
-                </div>
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <button
-                    class="euiButton euiButton--primary sql-editor-button"
-                    type="button"
+                    </button>
+                  </div>
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
-                    <span
-                      class="euiButtonContent euiButton__content"
+                    <button
+                      class="euiButton euiButton--primary sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiButton__text"
+                        class="euiButtonContent euiButton__content"
                       >
-                        Clear
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear
+                        </span>
                       </span>
-                    </span>
-                  </button>
-                </div>
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <button
-                    class="euiButton euiButton--primary sql-editor-button"
-                    type="button"
+                    </button>
+                  </div>
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
-                    <span
-                      class="euiButtonContent euiButton__content"
+                    <button
+                      class="euiButton euiButton--primary sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiButton__text"
+                        class="euiButtonContent euiButton__content"
                       >
-                        Explain
+                        <span
+                          class="euiButton__text"
+                        >
+                          Explain
+                        </span>
                       </span>
-                    </span>
-                  </button>
+                    </button>
+                  </div>
                 </div>
               </div>
             </div>
           </div>
         </div>
-      </div>
-      <div
-        class="euiSpacer euiSpacer--l"
-      />
-      <div
-        class="sql-console-query-result"
-      >
         <div
-          class="euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow query-result-container"
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="sql-console-query-result"
         >
           <div
-            style="padding: 20px 20px 0px 20px;"
+            class="euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow query-result-container"
           >
             <div
-              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+              style="padding: 20px 20px 0px 20px;"
             >
               <div
-                class="euiFlexItem"
+                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
               >
                 <div
-                  class="euiText euiText--medium query-result-panel-header"
+                  class="euiFlexItem"
                 >
-                  <h3>
-                    Results
-                  </h3>
+                  <div
+                    class="euiText euiText--medium query-result-panel-header"
+                  >
+                    <h3>
+                      Results
+                    </h3>
+                  </div>
                 </div>
+                <div
+                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                />
               </div>
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
-              />
             </div>
-          </div>
-          <div
-            class="euiSpacer euiSpacer--xxl"
-          />
-          <div
-            class="euiSpacer euiSpacer--xl"
-          />
-          <div
-            class="euiText euiText--medium"
-            style="color: rgb(63, 63, 63);"
-          >
             <div
-              class="euiTextAlign euiTextAlign--center"
-            >
-              <h4>
-                No result
-              </h4>
-            </div>
+              class="euiSpacer euiSpacer--xxl"
+            />
             <div
-              class="euiTextAlign euiTextAlign--center"
+              class="euiSpacer euiSpacer--xl"
+            />
+            <div
+              class="euiText euiText--medium"
+              style="color: rgb(63, 63, 63);"
             >
-              <p>
-                Enter a query in the query editor above to see results.
-              </p>
+              <div
+                class="euiTextAlign euiTextAlign--center"
+              >
+                <h4>
+                  No result
+                </h4>
+              </div>
+              <div
+                class="euiTextAlign euiTextAlign--center"
+              >
+                <p>
+                  Enter a query in the query editor above to see results.
+                </p>
+              </div>
             </div>
+            <div
+              class="euiSpacer euiSpacer--xxl"
+            />
+            <div
+              class="euiSpacer euiSpacer--xl"
+            />
           </div>
-          <div
-            class="euiSpacer euiSpacer--xxl"
-          />
-          <div
-            class="euiSpacer euiSpacer--xl"
-          />
         </div>
       </div>
     </div>
@@ -1397,267 +1405,271 @@ exports[`<Main /> spec click run button, and response is not ok 1`] = `
       </div>
     </div>
     <div
-      class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
       role="main"
     >
       <div
-        class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-      />
-      <div
-        class="euiSpacer euiSpacer--l"
-      />
-      <div>
+        class="euiPageContentBody"
+      >
         <div
-          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel"
-        >
-          <div
-            class="euiSpacer euiSpacer--s"
-          />
+          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+        />
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div>
           <div
-            class="euiCodeEditorWrapper"
-            data-test-subj="codeEditorContainer"
-            style="width: 100%; height: 7rem;"
+            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel"
           >
-            <button
-              class="euiCodeEditorKeyboardHint"
-              data-test-subj="codeEditorHint"
-              id="some_html_id"
-            >
-              <p
-                class="euiText"
-              >
-                Press Enter to start editing.
-              </p>
-              <p
-                class="euiText"
-              >
-                When you're done, press Escape to stop editing.
-              </p>
-            </button>
-            <div
-              class=" ace_editor ace-sql-console"
-              id="some_html_id"
-              style="width: 100%; height: 7rem; font-size: 14px;"
-            >
-              <textarea
-                aria-label="Code Editor"
-                autocapitalize="off"
-                autocorrect="off"
-                class="ace_text-input"
-                spellcheck="false"
-                style="opacity: 0;"
-                tabindex="-1"
-                wrap="off"
-              />
-              <div
-                aria-hidden="true"
-                class="ace_gutter"
+            <div
+              class="euiSpacer euiSpacer--s"
+            />
+            <div
+              class="euiCodeEditorWrapper"
+              data-test-subj="codeEditorContainer"
+              style="width: 100%; height: 7rem;"
+            >
+              <button
+                class="euiCodeEditorKeyboardHint"
+                data-test-subj="codeEditorHint"
+                id="some_html_id"
               >
-                <div
-                  class="ace_layer ace_gutter-layer ace_folding-enabled"
-                />
-                <div
-                  class="ace_gutter-active-line"
-                />
-              </div>
+                <p
+                  class="euiText"
+                >
+                  Press Enter to start editing.
+                </p>
+                <p
+                  class="euiText"
+                >
+                  When you're done, press Escape to stop editing.
+                </p>
+              </button>
               <div
-                class="ace_scroller"
+                class=" ace_editor ace-sql-console"
+                id="some_html_id"
+                style="width: 100%; height: 7rem; font-size: 14px;"
               >
+                <textarea
+                  aria-label="Code Editor"
+                  autocapitalize="off"
+                  autocorrect="off"
+                  class="ace_text-input"
+                  spellcheck="false"
+                  style="opacity: 0;"
+                  tabindex="-1"
+                  wrap="off"
+                />
                 <div
-                  class="ace_content"
+                  aria-hidden="true"
+                  class="ace_gutter"
                 >
                   <div
-                    class="ace_layer ace_print-margin-layer"
-                  >
-                    <div
-                      class="ace_print-margin"
-                      style="left: 4px; visibility: hidden;"
-                    />
-                  </div>
-                  <div
-                    class="ace_layer ace_marker-layer"
+                    class="ace_layer ace_gutter-layer ace_folding-enabled"
                   />
                   <div
-                    class="ace_layer ace_text-layer"
-                    style="padding: 0px 4px;"
-                  />
-                  <div
-                    class="ace_layer ace_marker-layer"
+                    class="ace_gutter-active-line"
                   />
+                </div>
+                <div
+                  class="ace_scroller"
+                >
                   <div
-                    class="ace_layer ace_cursor-layer ace_hidden-cursors"
+                    class="ace_content"
                   >
                     <div
-                      class="ace_cursor"
+                      class="ace_layer ace_print-margin-layer"
+                    >
+                      <div
+                        class="ace_print-margin"
+                        style="left: 4px; visibility: hidden;"
+                      />
+                    </div>
+                    <div
+                      class="ace_layer ace_marker-layer"
                     />
+                    <div
+                      class="ace_layer ace_text-layer"
+                      style="padding: 0px 4px;"
+                    />
+                    <div
+                      class="ace_layer ace_marker-layer"
+                    />
+                    <div
+                      class="ace_layer ace_cursor-layer ace_hidden-cursors"
+                    >
+                      <div
+                        class="ace_cursor"
+                      />
+                    </div>
                   </div>
                 </div>
-              </div>
-              <div
-                class="ace_scrollbar ace_scrollbar-v"
-                style="display: none; width: 20px;"
-              >
-                <div
-                  class="ace_scrollbar-inner"
-                  style="width: 20px;"
-                />
-              </div>
-              <div
-                class="ace_scrollbar ace_scrollbar-h"
-                style="display: none; height: 20px;"
-              >
                 <div
-                  class="ace_scrollbar-inner"
-                  style="height: 20px;"
-                />
-              </div>
-              <div
-                style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: hidden;"
-              >
+                  class="ace_scrollbar ace_scrollbar-v"
+                  style="display: none; width: 20px;"
+                >
+                  <div
+                    class="ace_scrollbar-inner"
+                    style="width: 20px;"
+                  />
+                </div>
                 <div
-                  style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
-                />
+                  class="ace_scrollbar ace_scrollbar-h"
+                  style="display: none; height: 20px;"
+                >
+                  <div
+                    class="ace_scrollbar-inner"
+                    style="height: 20px;"
+                  />
+                </div>
                 <div
-                  style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
+                  style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: hidden;"
                 >
-                  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+                  <div
+                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
+                  />
+                  <div
+                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
+                  >
+                    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+                  </div>
                 </div>
               </div>
             </div>
-          </div>
-          <div
-            class="euiSpacer euiSpacer--l"
-          />
-          <div
-            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-          >
             <div
-              class="euiFlexItem"
+              class="euiSpacer euiSpacer--l"
+            />
+            <div
+              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
             >
               <div
-                class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--directionRow euiFlexGroup--responsive action-container"
+                class="euiFlexItem"
               >
                 <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                  class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--directionRow euiFlexGroup--responsive action-container"
                 >
-                  <button
-                    class="euiButton euiButton--primary euiButton--fill sql-editor-button"
-                    type="button"
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
-                    <span
-                      class="euiButtonContent euiButton__content"
+                    <button
+                      class="euiButton euiButton--primary euiButton--fill sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiButton__text"
+                        class="euiButtonContent euiButton__content"
                       >
-                        Run
+                        <span
+                          class="euiButton__text"
+                        >
+                          Run
+                        </span>
                       </span>
-                    </span>
-                  </button>
-                </div>
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <button
-                    class="euiButton euiButton--primary sql-editor-button"
-                    type="button"
+                    </button>
+                  </div>
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
-                    <span
-                      class="euiButtonContent euiButton__content"
+                    <button
+                      class="euiButton euiButton--primary sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiButton__text"
+                        class="euiButtonContent euiButton__content"
                       >
-                        Clear
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear
+                        </span>
                       </span>
-                    </span>
-                  </button>
-                </div>
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <button
-                    class="euiButton euiButton--primary sql-editor-button"
-                    type="button"
+                    </button>
+                  </div>
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
-                    <span
-                      class="euiButtonContent euiButton__content"
+                    <button
+                      class="euiButton euiButton--primary sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiButton__text"
+                        class="euiButtonContent euiButton__content"
                       >
-                        Explain
+                        <span
+                          class="euiButton__text"
+                        >
+                          Explain
+                        </span>
                       </span>
-                    </span>
-                  </button>
+                    </button>
+                  </div>
                 </div>
               </div>
             </div>
           </div>
         </div>
-      </div>
-      <div
-        class="euiSpacer euiSpacer--l"
-      />
-      <div
-        class="sql-console-query-result"
-      >
         <div
-          class="euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow query-result-container"
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="sql-console-query-result"
         >
           <div
-            style="padding: 20px 20px 0px 20px;"
+            class="euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow query-result-container"
           >
             <div
-              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+              style="padding: 20px 20px 0px 20px;"
             >
               <div
-                class="euiFlexItem"
+                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
               >
                 <div
-                  class="euiText euiText--medium query-result-panel-header"
+                  class="euiFlexItem"
                 >
-                  <h3>
-                    Results
-                  </h3>
+                  <div
+                    class="euiText euiText--medium query-result-panel-header"
+                  >
+                    <h3>
+                      Results
+                    </h3>
+                  </div>
                 </div>
+                <div
+                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                />
               </div>
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
-              />
             </div>
-          </div>
-          <div
-            class="euiSpacer euiSpacer--xxl"
-          />
-          <div
-            class="euiSpacer euiSpacer--xl"
-          />
-          <div
-            class="euiText euiText--medium"
-            style="color: rgb(63, 63, 63);"
-          >
             <div
-              class="euiTextAlign euiTextAlign--center"
-            >
-              <h4>
-                No result
-              </h4>
-            </div>
+              class="euiSpacer euiSpacer--xxl"
+            />
             <div
-              class="euiTextAlign euiTextAlign--center"
+              class="euiSpacer euiSpacer--xl"
+            />
+            <div
+              class="euiText euiText--medium"
+              style="color: rgb(63, 63, 63);"
             >
-              <p>
-                Enter a query in the query editor above to see results.
-              </p>
+              <div
+                class="euiTextAlign euiTextAlign--center"
+              >
+                <h4>
+                  No result
+                </h4>
+              </div>
+              <div
+                class="euiTextAlign euiTextAlign--center"
+              >
+                <p>
+                  Enter a query in the query editor above to see results.
+                </p>
+              </div>
             </div>
+            <div
+              class="euiSpacer euiSpacer--xxl"
+            />
+            <div
+              class="euiSpacer euiSpacer--xl"
+            />
           </div>
-          <div
-            class="euiSpacer euiSpacer--xxl"
-          />
-          <div
-            class="euiSpacer euiSpacer--xl"
-          />
         </div>
       </div>
     </div>
@@ -2024,267 +2036,271 @@ exports[`<Main /> spec click run button, and response is ok 1`] = `
       </div>
     </div>
     <div
-      class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
       role="main"
     >
       <div
-        class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-      />
-      <div
-        class="euiSpacer euiSpacer--l"
-      />
-      <div>
+        class="euiPageContentBody"
+      >
         <div
-          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel"
-        >
-          <div
-            class="euiSpacer euiSpacer--s"
-          />
+          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+        />
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div>
           <div
-            class="euiCodeEditorWrapper"
-            data-test-subj="codeEditorContainer"
-            style="width: 100%; height: 7rem;"
+            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel"
           >
-            <button
-              class="euiCodeEditorKeyboardHint"
-              data-test-subj="codeEditorHint"
-              id="some_html_id"
-            >
-              <p
-                class="euiText"
-              >
-                Press Enter to start editing.
-              </p>
-              <p
-                class="euiText"
-              >
-                When you're done, press Escape to stop editing.
-              </p>
-            </button>
-            <div
-              class=" ace_editor ace-sql-console"
-              id="some_html_id"
-              style="width: 100%; height: 7rem; font-size: 14px;"
-            >
-              <textarea
-                aria-label="Code Editor"
-                autocapitalize="off"
-                autocorrect="off"
-                class="ace_text-input"
-                spellcheck="false"
-                style="opacity: 0;"
-                tabindex="-1"
-                wrap="off"
-              />
+            <div
+              class="euiSpacer euiSpacer--s"
+            />
+            <div
+              class="euiCodeEditorWrapper"
+              data-test-subj="codeEditorContainer"
+              style="width: 100%; height: 7rem;"
+            >
+              <button
+                class="euiCodeEditorKeyboardHint"
+                data-test-subj="codeEditorHint"
+                id="some_html_id"
+              >
+                <p
+                  class="euiText"
+                >
+                  Press Enter to start editing.
+                </p>
+                <p
+                  class="euiText"
+                >
+                  When you're done, press Escape to stop editing.
+                </p>
+              </button>
               <div
-                aria-hidden="true"
-                class="ace_gutter"
+                class=" ace_editor ace-sql-console"
+                id="some_html_id"
+                style="width: 100%; height: 7rem; font-size: 14px;"
               >
-                <div
-                  class="ace_layer ace_gutter-layer ace_folding-enabled"
+                <textarea
+                  aria-label="Code Editor"
+                  autocapitalize="off"
+                  autocorrect="off"
+                  class="ace_text-input"
+                  spellcheck="false"
+                  style="opacity: 0;"
+                  tabindex="-1"
+                  wrap="off"
                 />
                 <div
-                  class="ace_gutter-active-line"
-                />
-              </div>
-              <div
-                class="ace_scroller"
-              >
+                  aria-hidden="true"
+                  class="ace_gutter"
+                >
+                  <div
+                    class="ace_layer ace_gutter-layer ace_folding-enabled"
+                  />
+                  <div
+                    class="ace_gutter-active-line"
+                  />
+                </div>
                 <div
-                  class="ace_content"
+                  class="ace_scroller"
                 >
                   <div
-                    class="ace_layer ace_print-margin-layer"
+                    class="ace_content"
                   >
                     <div
-                      class="ace_print-margin"
-                      style="left: 4px; visibility: hidden;"
+                      class="ace_layer ace_print-margin-layer"
+                    >
+                      <div
+                        class="ace_print-margin"
+                        style="left: 4px; visibility: hidden;"
+                      />
+                    </div>
+                    <div
+                      class="ace_layer ace_marker-layer"
+                    />
+                    <div
+                      class="ace_layer ace_text-layer"
+                      style="padding: 0px 4px;"
                     />
+                    <div
+                      class="ace_layer ace_marker-layer"
+                    />
+                    <div
+                      class="ace_layer ace_cursor-layer ace_hidden-cursors"
+                    >
+                      <div
+                        class="ace_cursor"
+                      />
+                    </div>
                   </div>
+                </div>
+                <div
+                  class="ace_scrollbar ace_scrollbar-v"
+                  style="display: none; width: 20px;"
+                >
                   <div
-                    class="ace_layer ace_marker-layer"
+                    class="ace_scrollbar-inner"
+                    style="width: 20px;"
                   />
+                </div>
+                <div
+                  class="ace_scrollbar ace_scrollbar-h"
+                  style="display: none; height: 20px;"
+                >
                   <div
-                    class="ace_layer ace_text-layer"
-                    style="padding: 0px 4px;"
+                    class="ace_scrollbar-inner"
+                    style="height: 20px;"
                   />
+                </div>
+                <div
+                  style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: hidden;"
+                >
                   <div
-                    class="ace_layer ace_marker-layer"
+                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
                   />
                   <div
-                    class="ace_layer ace_cursor-layer ace_hidden-cursors"
+                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
                   >
-                    <div
-                      class="ace_cursor"
-                    />
+                    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
                   </div>
                 </div>
               </div>
-              <div
-                class="ace_scrollbar ace_scrollbar-v"
-                style="display: none; width: 20px;"
-              >
-                <div
-                  class="ace_scrollbar-inner"
-                  style="width: 20px;"
-                />
-              </div>
-              <div
-                class="ace_scrollbar ace_scrollbar-h"
-                style="display: none; height: 20px;"
-              >
-                <div
-                  class="ace_scrollbar-inner"
-                  style="height: 20px;"
-                />
-              </div>
-              <div
-                style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: hidden;"
-              >
-                <div
-                  style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
-                />
-                <div
-                  style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
-                >
-                  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
-                </div>
-              </div>
             </div>
-          </div>
-          <div
-            class="euiSpacer euiSpacer--l"
-          />
-          <div
-            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-          >
             <div
-              class="euiFlexItem"
+              class="euiSpacer euiSpacer--l"
+            />
+            <div
+              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
             >
               <div
-                class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--directionRow euiFlexGroup--responsive action-container"
+                class="euiFlexItem"
               >
                 <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                  class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--directionRow euiFlexGroup--responsive action-container"
                 >
-                  <button
-                    class="euiButton euiButton--primary euiButton--fill sql-editor-button"
-                    type="button"
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
-                    <span
-                      class="euiButtonContent euiButton__content"
+                    <button
+                      class="euiButton euiButton--primary euiButton--fill sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiButton__text"
+                        class="euiButtonContent euiButton__content"
                       >
-                        Run
+                        <span
+                          class="euiButton__text"
+                        >
+                          Run
+                        </span>
                       </span>
-                    </span>
-                  </button>
-                </div>
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <button
-                    class="euiButton euiButton--primary sql-editor-button"
-                    type="button"
+                    </button>
+                  </div>
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
-                    <span
-                      class="euiButtonContent euiButton__content"
+                    <button
+                      class="euiButton euiButton--primary sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiButton__text"
+                        class="euiButtonContent euiButton__content"
                       >
-                        Clear
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear
+                        </span>
                       </span>
-                    </span>
-                  </button>
-                </div>
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <button
-                    class="euiButton euiButton--primary sql-editor-button"
-                    type="button"
+                    </button>
+                  </div>
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
-                    <span
-                      class="euiButtonContent euiButton__content"
+                    <button
+                      class="euiButton euiButton--primary sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiButton__text"
+                        class="euiButtonContent euiButton__content"
                       >
-                        Explain
+                        <span
+                          class="euiButton__text"
+                        >
+                          Explain
+                        </span>
                       </span>
-                    </span>
-                  </button>
+                    </button>
+                  </div>
                 </div>
               </div>
             </div>
           </div>
         </div>
-      </div>
-      <div
-        class="euiSpacer euiSpacer--l"
-      />
-      <div
-        class="sql-console-query-result"
-      >
         <div
-          class="euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow query-result-container"
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="sql-console-query-result"
         >
           <div
-            style="padding: 20px 20px 0px 20px;"
+            class="euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow query-result-container"
           >
             <div
-              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+              style="padding: 20px 20px 0px 20px;"
             >
               <div
-                class="euiFlexItem"
+                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
               >
                 <div
-                  class="euiText euiText--medium query-result-panel-header"
+                  class="euiFlexItem"
                 >
-                  <h3>
-                    Results
-                  </h3>
+                  <div
+                    class="euiText euiText--medium query-result-panel-header"
+                  >
+                    <h3>
+                      Results
+                    </h3>
+                  </div>
                 </div>
+                <div
+                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                />
               </div>
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
-              />
             </div>
-          </div>
-          <div
-            class="euiSpacer euiSpacer--xxl"
-          />
-          <div
-            class="euiSpacer euiSpacer--xl"
-          />
-          <div
-            class="euiText euiText--medium"
-            style="color: rgb(63, 63, 63);"
-          >
             <div
-              class="euiTextAlign euiTextAlign--center"
+              class="euiSpacer euiSpacer--xxl"
+            />
+            <div
+              class="euiSpacer euiSpacer--xl"
+            />
+            <div
+              class="euiText euiText--medium"
+              style="color: rgb(63, 63, 63);"
             >
-              <h4>
-                No result
-              </h4>
+              <div
+                class="euiTextAlign euiTextAlign--center"
+              >
+                <h4>
+                  No result
+                </h4>
+              </div>
+              <div
+                class="euiTextAlign euiTextAlign--center"
+              >
+                <p>
+                  Enter a query in the query editor above to see results.
+                </p>
+              </div>
             </div>
             <div
-              class="euiTextAlign euiTextAlign--center"
-            >
-              <p>
-                Enter a query in the query editor above to see results.
-              </p>
-            </div>
+              class="euiSpacer euiSpacer--xxl"
+            />
+            <div
+              class="euiSpacer euiSpacer--xl"
+            />
           </div>
-          <div
-            class="euiSpacer euiSpacer--xxl"
-          />
-          <div
-            class="euiSpacer euiSpacer--xl"
-          />
         </div>
       </div>
     </div>
@@ -2649,267 +2665,271 @@ exports[`<Main /> spec click run button, response fills null and missing values
       </div>
     </div>
     <div
-      class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
       role="main"
     >
       <div
-        class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-      />
-      <div
-        class="euiSpacer euiSpacer--l"
-      />
-      <div>
+        class="euiPageContentBody"
+      >
         <div
-          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel"
-        >
-          <div
-            class="euiSpacer euiSpacer--s"
-          />
+          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+        />
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div>
           <div
-            class="euiCodeEditorWrapper"
-            data-test-subj="codeEditorContainer"
-            style="width: 100%; height: 7rem;"
+            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel"
           >
-            <button
-              class="euiCodeEditorKeyboardHint"
-              data-test-subj="codeEditorHint"
-              id="some_html_id"
-            >
-              <p
-                class="euiText"
-              >
-                Press Enter to start editing.
-              </p>
-              <p
-                class="euiText"
-              >
-                When you're done, press Escape to stop editing.
-              </p>
-            </button>
-            <div
-              class=" ace_editor ace-sql-console"
-              id="some_html_id"
-              style="width: 100%; height: 7rem; font-size: 14px;"
-            >
-              <textarea
-                aria-label="Code Editor"
-                autocapitalize="off"
-                autocorrect="off"
-                class="ace_text-input"
-                spellcheck="false"
-                style="opacity: 0;"
-                tabindex="-1"
-                wrap="off"
-              />
+            <div
+              class="euiSpacer euiSpacer--s"
+            />
+            <div
+              class="euiCodeEditorWrapper"
+              data-test-subj="codeEditorContainer"
+              style="width: 100%; height: 7rem;"
+            >
+              <button
+                class="euiCodeEditorKeyboardHint"
+                data-test-subj="codeEditorHint"
+                id="some_html_id"
+              >
+                <p
+                  class="euiText"
+                >
+                  Press Enter to start editing.
+                </p>
+                <p
+                  class="euiText"
+                >
+                  When you're done, press Escape to stop editing.
+                </p>
+              </button>
               <div
-                aria-hidden="true"
-                class="ace_gutter"
+                class=" ace_editor ace-sql-console"
+                id="some_html_id"
+                style="width: 100%; height: 7rem; font-size: 14px;"
               >
-                <div
-                  class="ace_layer ace_gutter-layer ace_folding-enabled"
+                <textarea
+                  aria-label="Code Editor"
+                  autocapitalize="off"
+                  autocorrect="off"
+                  class="ace_text-input"
+                  spellcheck="false"
+                  style="opacity: 0;"
+                  tabindex="-1"
+                  wrap="off"
                 />
                 <div
-                  class="ace_gutter-active-line"
-                />
-              </div>
-              <div
-                class="ace_scroller"
-              >
+                  aria-hidden="true"
+                  class="ace_gutter"
+                >
+                  <div
+                    class="ace_layer ace_gutter-layer ace_folding-enabled"
+                  />
+                  <div
+                    class="ace_gutter-active-line"
+                  />
+                </div>
                 <div
-                  class="ace_content"
+                  class="ace_scroller"
                 >
                   <div
-                    class="ace_layer ace_print-margin-layer"
+                    class="ace_content"
                   >
                     <div
-                      class="ace_print-margin"
-                      style="left: 4px; visibility: hidden;"
+                      class="ace_layer ace_print-margin-layer"
+                    >
+                      <div
+                        class="ace_print-margin"
+                        style="left: 4px; visibility: hidden;"
+                      />
+                    </div>
+                    <div
+                      class="ace_layer ace_marker-layer"
+                    />
+                    <div
+                      class="ace_layer ace_text-layer"
+                      style="padding: 0px 4px;"
+                    />
+                    <div
+                      class="ace_layer ace_marker-layer"
                     />
+                    <div
+                      class="ace_layer ace_cursor-layer ace_hidden-cursors"
+                    >
+                      <div
+                        class="ace_cursor"
+                      />
+                    </div>
                   </div>
+                </div>
+                <div
+                  class="ace_scrollbar ace_scrollbar-v"
+                  style="display: none; width: 20px;"
+                >
                   <div
-                    class="ace_layer ace_marker-layer"
+                    class="ace_scrollbar-inner"
+                    style="width: 20px;"
                   />
+                </div>
+                <div
+                  class="ace_scrollbar ace_scrollbar-h"
+                  style="display: none; height: 20px;"
+                >
                   <div
-                    class="ace_layer ace_text-layer"
-                    style="padding: 0px 4px;"
+                    class="ace_scrollbar-inner"
+                    style="height: 20px;"
                   />
+                </div>
+                <div
+                  style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: hidden;"
+                >
                   <div
-                    class="ace_layer ace_marker-layer"
+                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
                   />
                   <div
-                    class="ace_layer ace_cursor-layer ace_hidden-cursors"
+                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
                   >
-                    <div
-                      class="ace_cursor"
-                    />
+                    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
                   </div>
                 </div>
               </div>
-              <div
-                class="ace_scrollbar ace_scrollbar-v"
-                style="display: none; width: 20px;"
-              >
-                <div
-                  class="ace_scrollbar-inner"
-                  style="width: 20px;"
-                />
-              </div>
-              <div
-                class="ace_scrollbar ace_scrollbar-h"
-                style="display: none; height: 20px;"
-              >
-                <div
-                  class="ace_scrollbar-inner"
-                  style="height: 20px;"
-                />
-              </div>
-              <div
-                style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: hidden;"
-              >
-                <div
-                  style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
-                />
-                <div
-                  style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
-                >
-                  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
-                </div>
-              </div>
             </div>
-          </div>
-          <div
-            class="euiSpacer euiSpacer--l"
-          />
-          <div
-            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-          >
             <div
-              class="euiFlexItem"
+              class="euiSpacer euiSpacer--l"
+            />
+            <div
+              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
             >
               <div
-                class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--directionRow euiFlexGroup--responsive action-container"
+                class="euiFlexItem"
               >
                 <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                  class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--directionRow euiFlexGroup--responsive action-container"
                 >
-                  <button
-                    class="euiButton euiButton--primary euiButton--fill sql-editor-button"
-                    type="button"
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
-                    <span
-                      class="euiButtonContent euiButton__content"
+                    <button
+                      class="euiButton euiButton--primary euiButton--fill sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiButton__text"
+                        class="euiButtonContent euiButton__content"
                       >
-                        Run
+                        <span
+                          class="euiButton__text"
+                        >
+                          Run
+                        </span>
                       </span>
-                    </span>
-                  </button>
-                </div>
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <button
-                    class="euiButton euiButton--primary sql-editor-button"
-                    type="button"
+                    </button>
+                  </div>
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
-                    <span
-                      class="euiButtonContent euiButton__content"
+                    <button
+                      class="euiButton euiButton--primary sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiButton__text"
+                        class="euiButtonContent euiButton__content"
                       >
-                        Clear
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear
+                        </span>
                       </span>
-                    </span>
-                  </button>
-                </div>
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <button
-                    class="euiButton euiButton--primary sql-editor-button"
-                    type="button"
+                    </button>
+                  </div>
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
-                    <span
-                      class="euiButtonContent euiButton__content"
+                    <button
+                      class="euiButton euiButton--primary sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiButton__text"
+                        class="euiButtonContent euiButton__content"
                       >
-                        Explain
+                        <span
+                          class="euiButton__text"
+                        >
+                          Explain
+                        </span>
                       </span>
-                    </span>
-                  </button>
+                    </button>
+                  </div>
                 </div>
               </div>
             </div>
           </div>
         </div>
-      </div>
-      <div
-        class="euiSpacer euiSpacer--l"
-      />
-      <div
-        class="sql-console-query-result"
-      >
         <div
-          class="euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow query-result-container"
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="sql-console-query-result"
         >
           <div
-            style="padding: 20px 20px 0px 20px;"
+            class="euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow query-result-container"
           >
             <div
-              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+              style="padding: 20px 20px 0px 20px;"
             >
               <div
-                class="euiFlexItem"
+                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
               >
                 <div
-                  class="euiText euiText--medium query-result-panel-header"
+                  class="euiFlexItem"
                 >
-                  <h3>
-                    Results
-                  </h3>
+                  <div
+                    class="euiText euiText--medium query-result-panel-header"
+                  >
+                    <h3>
+                      Results
+                    </h3>
+                  </div>
                 </div>
+                <div
+                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                />
               </div>
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
-              />
             </div>
-          </div>
-          <div
-            class="euiSpacer euiSpacer--xxl"
-          />
-          <div
-            class="euiSpacer euiSpacer--xl"
-          />
-          <div
-            class="euiText euiText--medium"
-            style="color: rgb(63, 63, 63);"
-          >
             <div
-              class="euiTextAlign euiTextAlign--center"
-            >
-              <h4>
-                No result
-              </h4>
-            </div>
+              class="euiSpacer euiSpacer--xxl"
+            />
+            <div
+              class="euiSpacer euiSpacer--xl"
+            />
             <div
-              class="euiTextAlign euiTextAlign--center"
+              class="euiText euiText--medium"
+              style="color: rgb(63, 63, 63);"
             >
-              <p>
-                Enter a query in the query editor above to see results.
-              </p>
+              <div
+                class="euiTextAlign euiTextAlign--center"
+              >
+                <h4>
+                  No result
+                </h4>
+              </div>
+              <div
+                class="euiTextAlign euiTextAlign--center"
+              >
+                <p>
+                  Enter a query in the query editor above to see results.
+                </p>
+              </div>
             </div>
+            <div
+              class="euiSpacer euiSpacer--xxl"
+            />
+            <div
+              class="euiSpacer euiSpacer--xl"
+            />
           </div>
-          <div
-            class="euiSpacer euiSpacer--xxl"
-          />
-          <div
-            class="euiSpacer euiSpacer--xl"
-          />
         </div>
       </div>
     </div>
@@ -3207,267 +3227,271 @@ exports[`<Main /> spec click translation button, and response is ok 1`] = `
       </div>
     </div>
     <div
-      class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
       role="main"
     >
       <div
-        class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-      />
-      <div
-        class="euiSpacer euiSpacer--l"
-      />
-      <div>
+        class="euiPageContentBody"
+      >
         <div
-          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel"
-        >
-          <div
-            class="euiSpacer euiSpacer--s"
-          />
+          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+        />
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div>
           <div
-            class="euiCodeEditorWrapper"
-            data-test-subj="codeEditorContainer"
-            style="width: 100%; height: 7rem;"
+            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel"
           >
-            <button
-              class="euiCodeEditorKeyboardHint"
-              data-test-subj="codeEditorHint"
-              id="some_html_id"
-            >
-              <p
-                class="euiText"
-              >
-                Press Enter to start editing.
-              </p>
-              <p
-                class="euiText"
-              >
-                When you're done, press Escape to stop editing.
-              </p>
-            </button>
-            <div
-              class=" ace_editor ace-sql-console"
-              id="some_html_id"
-              style="width: 100%; height: 7rem; font-size: 14px;"
-            >
-              <textarea
-                aria-label="Code Editor"
-                autocapitalize="off"
-                autocorrect="off"
-                class="ace_text-input"
-                spellcheck="false"
-                style="opacity: 0;"
-                tabindex="-1"
-                wrap="off"
-              />
+            <div
+              class="euiSpacer euiSpacer--s"
+            />
+            <div
+              class="euiCodeEditorWrapper"
+              data-test-subj="codeEditorContainer"
+              style="width: 100%; height: 7rem;"
+            >
+              <button
+                class="euiCodeEditorKeyboardHint"
+                data-test-subj="codeEditorHint"
+                id="some_html_id"
+              >
+                <p
+                  class="euiText"
+                >
+                  Press Enter to start editing.
+                </p>
+                <p
+                  class="euiText"
+                >
+                  When you're done, press Escape to stop editing.
+                </p>
+              </button>
               <div
-                aria-hidden="true"
-                class="ace_gutter"
+                class=" ace_editor ace-sql-console"
+                id="some_html_id"
+                style="width: 100%; height: 7rem; font-size: 14px;"
               >
-                <div
-                  class="ace_layer ace_gutter-layer ace_folding-enabled"
+                <textarea
+                  aria-label="Code Editor"
+                  autocapitalize="off"
+                  autocorrect="off"
+                  class="ace_text-input"
+                  spellcheck="false"
+                  style="opacity: 0;"
+                  tabindex="-1"
+                  wrap="off"
                 />
                 <div
-                  class="ace_gutter-active-line"
-                />
-              </div>
-              <div
-                class="ace_scroller"
-              >
+                  aria-hidden="true"
+                  class="ace_gutter"
+                >
+                  <div
+                    class="ace_layer ace_gutter-layer ace_folding-enabled"
+                  />
+                  <div
+                    class="ace_gutter-active-line"
+                  />
+                </div>
                 <div
-                  class="ace_content"
+                  class="ace_scroller"
                 >
                   <div
-                    class="ace_layer ace_print-margin-layer"
+                    class="ace_content"
                   >
                     <div
-                      class="ace_print-margin"
-                      style="left: 4px; visibility: hidden;"
+                      class="ace_layer ace_print-margin-layer"
+                    >
+                      <div
+                        class="ace_print-margin"
+                        style="left: 4px; visibility: hidden;"
+                      />
+                    </div>
+                    <div
+                      class="ace_layer ace_marker-layer"
+                    />
+                    <div
+                      class="ace_layer ace_text-layer"
+                      style="padding: 0px 4px;"
+                    />
+                    <div
+                      class="ace_layer ace_marker-layer"
                     />
+                    <div
+                      class="ace_layer ace_cursor-layer ace_hidden-cursors"
+                    >
+                      <div
+                        class="ace_cursor"
+                      />
+                    </div>
                   </div>
+                </div>
+                <div
+                  class="ace_scrollbar ace_scrollbar-v"
+                  style="display: none; width: 20px;"
+                >
                   <div
-                    class="ace_layer ace_marker-layer"
+                    class="ace_scrollbar-inner"
+                    style="width: 20px;"
                   />
+                </div>
+                <div
+                  class="ace_scrollbar ace_scrollbar-h"
+                  style="display: none; height: 20px;"
+                >
                   <div
-                    class="ace_layer ace_text-layer"
-                    style="padding: 0px 4px;"
+                    class="ace_scrollbar-inner"
+                    style="height: 20px;"
                   />
+                </div>
+                <div
+                  style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: hidden;"
+                >
                   <div
-                    class="ace_layer ace_marker-layer"
+                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
                   />
                   <div
-                    class="ace_layer ace_cursor-layer ace_hidden-cursors"
+                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
                   >
-                    <div
-                      class="ace_cursor"
-                    />
+                    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
                   </div>
                 </div>
-              </div>
-              <div
-                class="ace_scrollbar ace_scrollbar-v"
-                style="display: none; width: 20px;"
-              >
-                <div
-                  class="ace_scrollbar-inner"
-                  style="width: 20px;"
-                />
-              </div>
-              <div
-                class="ace_scrollbar ace_scrollbar-h"
-                style="display: none; height: 20px;"
-              >
-                <div
-                  class="ace_scrollbar-inner"
-                  style="height: 20px;"
-                />
-              </div>
-              <div
-                style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: hidden;"
-              >
-                <div
-                  style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
-                />
-                <div
-                  style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
-                >
-                  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="euiSpacer euiSpacer--l"
-          />
-          <div
-            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-          >
+              </div>
+            </div>
+            <div
+              class="euiSpacer euiSpacer--l"
+            />
             <div
-              class="euiFlexItem"
+              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
             >
               <div
-                class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--directionRow euiFlexGroup--responsive action-container"
+                class="euiFlexItem"
               >
                 <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                  class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--directionRow euiFlexGroup--responsive action-container"
                 >
-                  <button
-                    class="euiButton euiButton--primary euiButton--fill sql-editor-button"
-                    type="button"
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
-                    <span
-                      class="euiButtonContent euiButton__content"
+                    <button
+                      class="euiButton euiButton--primary euiButton--fill sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiButton__text"
+                        class="euiButtonContent euiButton__content"
                       >
-                        Run
+                        <span
+                          class="euiButton__text"
+                        >
+                          Run
+                        </span>
                       </span>
-                    </span>
-                  </button>
-                </div>
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <button
-                    class="euiButton euiButton--primary sql-editor-button"
-                    type="button"
+                    </button>
+                  </div>
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
-                    <span
-                      class="euiButtonContent euiButton__content"
+                    <button
+                      class="euiButton euiButton--primary sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiButton__text"
+                        class="euiButtonContent euiButton__content"
                       >
-                        Clear
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear
+                        </span>
                       </span>
-                    </span>
-                  </button>
-                </div>
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <button
-                    class="euiButton euiButton--primary sql-editor-button"
-                    type="button"
+                    </button>
+                  </div>
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
-                    <span
-                      class="euiButtonContent euiButton__content"
+                    <button
+                      class="euiButton euiButton--primary sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiButton__text"
+                        class="euiButtonContent euiButton__content"
                       >
-                        Explain
+                        <span
+                          class="euiButton__text"
+                        >
+                          Explain
+                        </span>
                       </span>
-                    </span>
-                  </button>
+                    </button>
+                  </div>
                 </div>
               </div>
             </div>
           </div>
         </div>
-      </div>
-      <div
-        class="euiSpacer euiSpacer--l"
-      />
-      <div
-        class="sql-console-query-result"
-      >
         <div
-          class="euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow query-result-container"
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="sql-console-query-result"
         >
           <div
-            style="padding: 20px 20px 0px 20px;"
+            class="euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow query-result-container"
           >
             <div
-              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+              style="padding: 20px 20px 0px 20px;"
             >
               <div
-                class="euiFlexItem"
+                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
               >
                 <div
-                  class="euiText euiText--medium query-result-panel-header"
+                  class="euiFlexItem"
                 >
-                  <h3>
-                    Results
-                  </h3>
+                  <div
+                    class="euiText euiText--medium query-result-panel-header"
+                  >
+                    <h3>
+                      Results
+                    </h3>
+                  </div>
                 </div>
+                <div
+                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                />
               </div>
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
-              />
             </div>
-          </div>
-          <div
-            class="euiSpacer euiSpacer--xxl"
-          />
-          <div
-            class="euiSpacer euiSpacer--xl"
-          />
-          <div
-            class="euiText euiText--medium"
-            style="color: rgb(63, 63, 63);"
-          >
             <div
-              class="euiTextAlign euiTextAlign--center"
-            >
-              <h4>
-                No result
-              </h4>
-            </div>
+              class="euiSpacer euiSpacer--xxl"
+            />
+            <div
+              class="euiSpacer euiSpacer--xl"
+            />
             <div
-              class="euiTextAlign euiTextAlign--center"
+              class="euiText euiText--medium"
+              style="color: rgb(63, 63, 63);"
             >
-              <p>
-                Enter a query in the query editor above to see results.
-              </p>
+              <div
+                class="euiTextAlign euiTextAlign--center"
+              >
+                <h4>
+                  No result
+                </h4>
+              </div>
+              <div
+                class="euiTextAlign euiTextAlign--center"
+              >
+                <p>
+                  Enter a query in the query editor above to see results.
+                </p>
+              </div>
             </div>
+            <div
+              class="euiSpacer euiSpacer--xxl"
+            />
+            <div
+              class="euiSpacer euiSpacer--xl"
+            />
           </div>
-          <div
-            class="euiSpacer euiSpacer--xxl"
-          />
-          <div
-            class="euiSpacer euiSpacer--xl"
-          />
         </div>
       </div>
     </div>
@@ -3775,267 +3799,271 @@ exports[`<Main /> spec renders the component 1`] = `
       </div>
     </div>
     <div
-      class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
       role="main"
     >
       <div
-        class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-      />
-      <div
-        class="euiSpacer euiSpacer--l"
-      />
-      <div>
+        class="euiPageContentBody"
+      >
         <div
-          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel"
-        >
-          <div
-            class="euiSpacer euiSpacer--s"
-          />
+          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+        />
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div>
           <div
-            class="euiCodeEditorWrapper"
-            data-test-subj="codeEditorContainer"
-            style="width: 100%; height: 7rem;"
+            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel"
           >
-            <button
-              class="euiCodeEditorKeyboardHint"
-              data-test-subj="codeEditorHint"
-              id="some_html_id"
-            >
-              <p
-                class="euiText"
-              >
-                Press Enter to start editing.
-              </p>
-              <p
-                class="euiText"
-              >
-                When you're done, press Escape to stop editing.
-              </p>
-            </button>
-            <div
-              class=" ace_editor ace-sql-console"
-              id="some_html_id"
-              style="width: 100%; height: 7rem; font-size: 14px;"
-            >
-              <textarea
-                aria-label="Code Editor"
-                autocapitalize="off"
-                autocorrect="off"
-                class="ace_text-input"
-                spellcheck="false"
-                style="opacity: 0;"
-                tabindex="-1"
-                wrap="off"
-              />
+            <div
+              class="euiSpacer euiSpacer--s"
+            />
+            <div
+              class="euiCodeEditorWrapper"
+              data-test-subj="codeEditorContainer"
+              style="width: 100%; height: 7rem;"
+            >
+              <button
+                class="euiCodeEditorKeyboardHint"
+                data-test-subj="codeEditorHint"
+                id="some_html_id"
+              >
+                <p
+                  class="euiText"
+                >
+                  Press Enter to start editing.
+                </p>
+                <p
+                  class="euiText"
+                >
+                  When you're done, press Escape to stop editing.
+                </p>
+              </button>
               <div
-                aria-hidden="true"
-                class="ace_gutter"
+                class=" ace_editor ace-sql-console"
+                id="some_html_id"
+                style="width: 100%; height: 7rem; font-size: 14px;"
               >
-                <div
-                  class="ace_layer ace_gutter-layer ace_folding-enabled"
+                <textarea
+                  aria-label="Code Editor"
+                  autocapitalize="off"
+                  autocorrect="off"
+                  class="ace_text-input"
+                  spellcheck="false"
+                  style="opacity: 0;"
+                  tabindex="-1"
+                  wrap="off"
                 />
                 <div
-                  class="ace_gutter-active-line"
-                />
-              </div>
-              <div
-                class="ace_scroller"
-              >
+                  aria-hidden="true"
+                  class="ace_gutter"
+                >
+                  <div
+                    class="ace_layer ace_gutter-layer ace_folding-enabled"
+                  />
+                  <div
+                    class="ace_gutter-active-line"
+                  />
+                </div>
                 <div
-                  class="ace_content"
+                  class="ace_scroller"
                 >
                   <div
-                    class="ace_layer ace_print-margin-layer"
+                    class="ace_content"
                   >
                     <div
-                      class="ace_print-margin"
-                      style="left: 4px; visibility: hidden;"
+                      class="ace_layer ace_print-margin-layer"
+                    >
+                      <div
+                        class="ace_print-margin"
+                        style="left: 4px; visibility: hidden;"
+                      />
+                    </div>
+                    <div
+                      class="ace_layer ace_marker-layer"
+                    />
+                    <div
+                      class="ace_layer ace_text-layer"
+                      style="padding: 0px 4px;"
+                    />
+                    <div
+                      class="ace_layer ace_marker-layer"
                     />
+                    <div
+                      class="ace_layer ace_cursor-layer ace_hidden-cursors"
+                    >
+                      <div
+                        class="ace_cursor"
+                      />
+                    </div>
                   </div>
+                </div>
+                <div
+                  class="ace_scrollbar ace_scrollbar-v"
+                  style="display: none; width: 20px;"
+                >
                   <div
-                    class="ace_layer ace_marker-layer"
+                    class="ace_scrollbar-inner"
+                    style="width: 20px;"
                   />
+                </div>
+                <div
+                  class="ace_scrollbar ace_scrollbar-h"
+                  style="display: none; height: 20px;"
+                >
                   <div
-                    class="ace_layer ace_text-layer"
-                    style="padding: 0px 4px;"
+                    class="ace_scrollbar-inner"
+                    style="height: 20px;"
                   />
+                </div>
+                <div
+                  style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: hidden;"
+                >
                   <div
-                    class="ace_layer ace_marker-layer"
+                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
                   />
                   <div
-                    class="ace_layer ace_cursor-layer ace_hidden-cursors"
+                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
                   >
-                    <div
-                      class="ace_cursor"
-                    />
+                    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
                   </div>
                 </div>
               </div>
-              <div
-                class="ace_scrollbar ace_scrollbar-v"
-                style="display: none; width: 20px;"
-              >
-                <div
-                  class="ace_scrollbar-inner"
-                  style="width: 20px;"
-                />
-              </div>
-              <div
-                class="ace_scrollbar ace_scrollbar-h"
-                style="display: none; height: 20px;"
-              >
-                <div
-                  class="ace_scrollbar-inner"
-                  style="height: 20px;"
-                />
-              </div>
-              <div
-                style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: hidden;"
-              >
-                <div
-                  style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
-                />
-                <div
-                  style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
-                >
-                  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
-                </div>
-              </div>
             </div>
-          </div>
-          <div
-            class="euiSpacer euiSpacer--l"
-          />
-          <div
-            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-          >
             <div
-              class="euiFlexItem"
+              class="euiSpacer euiSpacer--l"
+            />
+            <div
+              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
             >
               <div
-                class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--directionRow euiFlexGroup--responsive action-container"
+                class="euiFlexItem"
               >
                 <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                  class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--directionRow euiFlexGroup--responsive action-container"
                 >
-                  <button
-                    class="euiButton euiButton--primary euiButton--fill sql-editor-button"
-                    type="button"
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
-                    <span
-                      class="euiButtonContent euiButton__content"
+                    <button
+                      class="euiButton euiButton--primary euiButton--fill sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiButton__text"
+                        class="euiButtonContent euiButton__content"
                       >
-                        Run
+                        <span
+                          class="euiButton__text"
+                        >
+                          Run
+                        </span>
                       </span>
-                    </span>
-                  </button>
-                </div>
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <button
-                    class="euiButton euiButton--primary sql-editor-button"
-                    type="button"
+                    </button>
+                  </div>
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
-                    <span
-                      class="euiButtonContent euiButton__content"
+                    <button
+                      class="euiButton euiButton--primary sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiButton__text"
+                        class="euiButtonContent euiButton__content"
                       >
-                        Clear
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear
+                        </span>
                       </span>
-                    </span>
-                  </button>
-                </div>
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <button
-                    class="euiButton euiButton--primary sql-editor-button"
-                    type="button"
+                    </button>
+                  </div>
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
-                    <span
-                      class="euiButtonContent euiButton__content"
+                    <button
+                      class="euiButton euiButton--primary sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiButton__text"
+                        class="euiButtonContent euiButton__content"
                       >
-                        Explain
+                        <span
+                          class="euiButton__text"
+                        >
+                          Explain
+                        </span>
                       </span>
-                    </span>
-                  </button>
+                    </button>
+                  </div>
                 </div>
               </div>
             </div>
           </div>
         </div>
-      </div>
-      <div
-        class="euiSpacer euiSpacer--l"
-      />
-      <div
-        class="sql-console-query-result"
-      >
         <div
-          class="euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow query-result-container"
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="sql-console-query-result"
         >
           <div
-            style="padding: 20px 20px 0px 20px;"
+            class="euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow query-result-container"
           >
             <div
-              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+              style="padding: 20px 20px 0px 20px;"
             >
               <div
-                class="euiFlexItem"
+                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
               >
                 <div
-                  class="euiText euiText--medium query-result-panel-header"
+                  class="euiFlexItem"
                 >
-                  <h3>
-                    Results
-                  </h3>
+                  <div
+                    class="euiText euiText--medium query-result-panel-header"
+                  >
+                    <h3>
+                      Results
+                    </h3>
+                  </div>
                 </div>
+                <div
+                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                />
               </div>
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
-              />
             </div>
-          </div>
-          <div
-            class="euiSpacer euiSpacer--xxl"
-          />
-          <div
-            class="euiSpacer euiSpacer--xl"
-          />
-          <div
-            class="euiText euiText--medium"
-            style="color: rgb(63, 63, 63);"
-          >
             <div
-              class="euiTextAlign euiTextAlign--center"
-            >
-              <h4>
-                No result
-              </h4>
-            </div>
+              class="euiSpacer euiSpacer--xxl"
+            />
             <div
-              class="euiTextAlign euiTextAlign--center"
+              class="euiSpacer euiSpacer--xl"
+            />
+            <div
+              class="euiText euiText--medium"
+              style="color: rgb(63, 63, 63);"
             >
-              <p>
-                Enter a query in the query editor above to see results.
-              </p>
+              <div
+                class="euiTextAlign euiTextAlign--center"
+              >
+                <h4>
+                  No result
+                </h4>
+              </div>
+              <div
+                class="euiTextAlign euiTextAlign--center"
+              >
+                <p>
+                  Enter a query in the query editor above to see results.
+                </p>
+              </div>
             </div>
+            <div
+              class="euiSpacer euiSpacer--xxl"
+            />
+            <div
+              class="euiSpacer euiSpacer--xl"
+            />
           </div>
-          <div
-            class="euiSpacer euiSpacer--xxl"
-          />
-          <div
-            class="euiSpacer euiSpacer--xl"
-          />
         </div>
       </div>
     </div>
diff --git a/public/components/SQLPage/TableView.tsx b/public/components/SQLPage/TableView.tsx
index d6f95c86..f3c97f24 100644
--- a/public/components/SQLPage/TableView.tsx
+++ b/public/components/SQLPage/TableView.tsx
@@ -15,7 +15,7 @@ import {
 import _ from 'lodash';
 import React, { useEffect, useState } from 'react';
 import { CoreStart } from '../../../../../src/core/public';
-import { ON_LOAD_QUERY } from '../../../common/constants';
+import { ON_LOAD_QUERY, SKIPPING_INDEX } from '../../../common/constants';
 import { AccelerationIndexFlyout } from './acceleration_index_flyout';
 import { getJobId, pollQueryStatus } from './utils';
 
@@ -156,7 +156,7 @@ export const TableView = ({ http, selectedItems, updateSQLQueries }: CustomView)
     getJobId(skipQuery, http, (id) => {
       get_async_query_results(id, http, (data) => {
         if (data.length > 0) {
-          indiciesData.push('skipping_index');
+          indiciesData.push(SKIPPING_INDEX);
           callCoverQuery(nodeLabel1);
 
           setChildLoadingStates((prevState) => ({