diff --git a/common/types/explorer.ts b/common/types/explorer.ts
index 5111a030f7..a36dd81a8d 100644
--- a/common/types/explorer.ts
+++ b/common/types/explorer.ts
@@ -421,9 +421,9 @@ export interface GridSortingColumn {
 }
 
 export enum DirectQueryLoadingStatus {
-  SUCCESS,
-  FAILED,
-  RUNNING,
-  SCHEDULED,
-  CANCELED,
+  SUCCESS = 'SUCCESS',
+  FAILED = 'FAILED',
+  RUNNING = 'RUNNING',
+  SCHEDULED = 'SCHEDULED',
+  CANCELED = 'CANCELED',
 }
diff --git a/public/components/event_analytics/explorer/explorer.tsx b/public/components/event_analytics/explorer/explorer.tsx
index 200b82ba8c..73566a35ca 100644
--- a/public/components/event_analytics/explorer/explorer.tsx
+++ b/public/components/event_analytics/explorer/explorer.tsx
@@ -552,43 +552,7 @@ export const Explorer = ({
                         <EuiSpacer size="m" />
                       </>
                     )}
-                    {isDefaultDataSourceType || appLogEvents ? (
-                      <>
-                        {countDistribution.data && countDistribution.data['count()'] ? (
-                          <DataGrid
-                            http={http}
-                            pplService={pplService}
-                            rows={explorerData.jsonData}
-                            rowsAll={explorerData.jsonDataAll}
-                            explorerFields={explorerFields}
-                            timeStampField={queryRef.current![SELECTED_TIMESTAMP]}
-                            rawQuery={appBasedRef.current || queryRef.current![RAW_QUERY]}
-                            totalHits={_.sum(countDistribution.data?.['count()'])}
-                            requestParams={requestParams}
-                            startTime={appLogEvents ? startTime : dateRange[0]}
-                            endTime={appLogEvents ? endTime : dateRange[1]}
-                          />
-                        ) : (
-                          <EuiPanel paddingSize="s">
-                            <div style={{ padding: '20px' }}>
-                              <EuiFlexGroup
-                                direction="column"
-                                alignItems="center"
-                                gutterSize="none"
-                              >
-                                <EuiFlexItem>
-                                  <EuiLoadingSpinner size="xl" />
-                                </EuiFlexItem>
-                                <EuiSpacer size="s" />
-                                <EuiFlexItem>
-                                  <strong>Loading Documents</strong>
-                                </EuiFlexItem>
-                              </EuiFlexGroup>
-                            </div>
-                          </EuiPanel>
-                        )}
-                      </>
-                    ) : (
+                    {countDistribution.data && countDistribution.data['count()'] ? (
                       <DataGrid
                         http={http}
                         pplService={pplService}
@@ -597,11 +561,29 @@ export const Explorer = ({
                         explorerFields={explorerFields}
                         timeStampField={queryRef.current![SELECTED_TIMESTAMP]}
                         rawQuery={appBasedRef.current || queryRef.current![RAW_QUERY]}
-                        totalHits={explorerData?.datarows?.length || 0}
+                        totalHits={
+                          isDefaultDataSourceType || appLogEvents
+                            ? _.sum(countDistribution.data?.['count()'])
+                            : explorerData?.datarows?.length || 0
+                        }
                         requestParams={requestParams}
                         startTime={appLogEvents ? startTime : dateRange[0]}
                         endTime={appLogEvents ? endTime : dateRange[1]}
                       />
+                    ) : (
+                      <EuiPanel paddingSize="s">
+                        <div style={{ padding: '20px' }}>
+                          <EuiFlexGroup direction="column" alignItems="center" gutterSize="none">
+                            <EuiFlexItem>
+                              <EuiLoadingSpinner size="xl" />
+                            </EuiFlexItem>
+                            <EuiSpacer size="s" />
+                            <EuiFlexItem>
+                              <strong>Loading Documents</strong>
+                            </EuiFlexItem>
+                          </EuiFlexGroup>
+                        </div>
+                      </EuiPanel>
                     )}
                     <a tabIndex={0} id="discoverBottomMarker">
                       &#8203;