diff --git a/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/bottom_bar/bottom_bar.tsx b/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/bottom_bar/bottom_bar.tsx
deleted file mode 100644
index b19c02669f8188..00000000000000
--- a/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/bottom_bar/bottom_bar.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License
- * 2.0; you may not use this file except in compliance with the Elastic License
- * 2.0.
- */
-
-import React, { FC } from 'react';
-import { FormattedMessage } from '@kbn/i18n-react';
-import {
-  EuiBottomBar,
-  EuiButton,
-  EuiButtonEmpty,
-  EuiFlexGroup,
-  EuiFlexItem,
-  EuiToolTip,
-} from '@elastic/eui';
-
-import { MODE as DATAVISUALIZER_MODE } from '../file_data_visualizer_view/constants';
-
-interface BottomBarProps {
-  mode: DATAVISUALIZER_MODE;
-  onChangeMode: (mode: DATAVISUALIZER_MODE) => void;
-  onCancel: () => void;
-  disableImport?: boolean;
-}
-
-/**
- * Bottom bar component for Data Visualizer page.
- */
-export const BottomBar: FC<BottomBarProps> = ({ mode, onChangeMode, onCancel, disableImport }) => {
-  if (mode === DATAVISUALIZER_MODE.READ) {
-    return (
-      <EuiBottomBar>
-        <EuiFlexGroup>
-          <EuiFlexItem grow={false}>
-            <EuiToolTip
-              position="top"
-              content={
-                disableImport ? (
-                  <FormattedMessage
-                    id="xpack.dataVisualizer.file.bottomBar.missingImportPrivilegesMessage"
-                    defaultMessage="You require the ingest_admin role to enable data importing"
-                  />
-                ) : null
-              }
-            >
-              <EuiButton
-                fill
-                isDisabled={disableImport}
-                onClick={() => onChangeMode(DATAVISUALIZER_MODE.IMPORT)}
-                data-test-subj="dataVisualizerFileOpenImportPageButton"
-              >
-                <FormattedMessage
-                  id="xpack.dataVisualizer.file.bottomBar.readMode.importButtonLabel"
-                  defaultMessage="Import"
-                />
-              </EuiButton>
-            </EuiToolTip>
-          </EuiFlexItem>
-          <EuiFlexItem grow={false}>
-            <EuiButtonEmpty color="ghost" onClick={() => onCancel()}>
-              <FormattedMessage
-                id="xpack.dataVisualizer.file.bottomBar.readMode.cancelButtonLabel"
-                defaultMessage="Cancel"
-              />
-            </EuiButtonEmpty>
-          </EuiFlexItem>
-        </EuiFlexGroup>
-      </EuiBottomBar>
-    );
-  } else {
-    return (
-      <EuiBottomBar>
-        <EuiFlexGroup>
-          <EuiFlexItem grow={false}>
-            <EuiButton color="ghost" onClick={() => onChangeMode(DATAVISUALIZER_MODE.READ)}>
-              <FormattedMessage
-                id="xpack.dataVisualizer.file.bottomBar.backButtonLabel"
-                defaultMessage="Back"
-              />
-            </EuiButton>
-          </EuiFlexItem>
-          <EuiFlexItem grow={false}>
-            <EuiButtonEmpty color="ghost" onClick={() => onCancel()}>
-              <FormattedMessage
-                id="xpack.dataVisualizer.file.bottomBar.cancelButtonLabel"
-                defaultMessage="Cancel"
-              />
-            </EuiButtonEmpty>
-          </EuiFlexItem>
-        </EuiFlexGroup>
-      </EuiBottomBar>
-    );
-  }
-};
diff --git a/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/bottom_bar/index.ts b/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/bottom_bar/index.ts
deleted file mode 100644
index 5291268824a628..00000000000000
--- a/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/bottom_bar/index.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License
- * 2.0; you may not use this file except in compliance with the Elastic License
- * 2.0.
- */
-
-export { BottomBar } from './bottom_bar';
diff --git a/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/file_data_visualizer_view/file_data_visualizer_view.js b/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/file_data_visualizer_view/file_data_visualizer_view.js
index b1378769efc92a..dfa98a3713130e 100644
--- a/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/file_data_visualizer_view/file_data_visualizer_view.js
+++ b/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/file_data_visualizer_view/file_data_visualizer_view.js
@@ -13,7 +13,6 @@ import { EuiSpacer } from '@elastic/eui';
 import { isEqual } from 'lodash';
 
 import { AboutPanel, LoadingPanel } from '../about_panel';
-import { BottomBar } from '../bottom_bar';
 import { ResultsView } from '../results_view';
 import {
   FileCouldNotBeRead,
@@ -54,7 +53,6 @@ export class FileDataVisualizerView extends Component {
       mode: MODE.READ,
       isEditFlyoutVisible: false,
       isExplanationFlyoutVisible: false,
-      bottomBarVisible: false,
       hasPermissionToImport: false,
       fileCouldNotBeReadPermissionError: false,
     };
@@ -85,7 +83,6 @@ export class FileDataVisualizerView extends Component {
     this.setState(
       {
         loading: files.length > 0,
-        bottomBarVisible: files.length > 0,
         loaded: false,
         fileName: '',
         fileContents: '',
@@ -213,30 +210,18 @@ export class FileDataVisualizerView extends Component {
 
   closeEditFlyout = () => {
     this.setState({ isEditFlyoutVisible: false });
-    this.showBottomBar();
   };
 
   showEditFlyout = () => {
     this.setState({ isEditFlyoutVisible: true });
-    this.hideBottomBar();
   };
 
   closeExplanationFlyout = () => {
     this.setState({ isExplanationFlyoutVisible: false });
-    this.showBottomBar();
   };
 
   showExplanationFlyout = () => {
     this.setState({ isExplanationFlyoutVisible: true });
-    this.hideBottomBar();
-  };
-
-  showBottomBar = () => {
-    this.setState({ bottomBarVisible: true });
-  };
-
-  hideBottomBar = () => {
-    this.setState({ bottomBarVisible: false });
   };
 
   setOverrides = (overrides) => {
@@ -282,7 +267,6 @@ export class FileDataVisualizerView extends Component {
       mode,
       isEditFlyoutVisible,
       isExplanationFlyoutVisible,
-      bottomBarVisible,
       hasPermissionToImport,
       fileCouldNotBeReadPermissionError,
     } = this.state;
@@ -333,6 +317,9 @@ export class FileDataVisualizerView extends Component {
                 showEditFlyout={this.showEditFlyout}
                 showExplanationFlyout={this.showExplanationFlyout}
                 disableButtons={isEditFlyoutVisible || isExplanationFlyoutVisible}
+                onChangeMode={this.changeMode}
+                onCancel={this.onCancel}
+                disableImport={hasPermissionToImport === false}
               />
             )}
             <EditFlyout
@@ -347,18 +334,6 @@ export class FileDataVisualizerView extends Component {
             {isExplanationFlyoutVisible && (
               <ExplanationFlyout results={results} closeFlyout={this.closeExplanationFlyout} />
             )}
-
-            {bottomBarVisible && loaded && (
-              <>
-                <BottomBar
-                  mode={MODE.READ}
-                  onChangeMode={this.changeMode}
-                  onCancel={this.onCancel}
-                  disableImport={hasPermissionToImport === false}
-                />
-                <BottomPadding />
-              </>
-            )}
           </>
         )}
         {mode === MODE.IMPORT && (
@@ -369,23 +344,13 @@ export class FileDataVisualizerView extends Component {
               fileContents={fileContents}
               data={data}
               dataViewsContract={this.props.dataViewsContract}
-              showBottomBar={this.showBottomBar}
-              hideBottomBar={this.hideBottomBar}
               fileUpload={this.props.fileUpload}
               getAdditionalLinks={this.props.getAdditionalLinks}
               capabilities={this.props.capabilities}
+              mode={mode}
+              onChangeMode={this.changeMode}
+              onCancel={this.onCancel}
             />
-
-            {bottomBarVisible && (
-              <>
-                <BottomBar
-                  mode={MODE.IMPORT}
-                  onChangeMode={this.changeMode}
-                  onCancel={this.onCancel}
-                />
-                <BottomPadding />
-              </>
-            )}
           </>
         )}
         <Chat />
@@ -393,14 +358,3 @@ export class FileDataVisualizerView extends Component {
     );
   }
 }
-
-function BottomPadding() {
-  // padding for the BottomBar
-  return (
-    <>
-      <EuiSpacer size="m" />
-      <EuiSpacer size="l" />
-      <EuiSpacer size="l" />
-    </>
-  );
-}
diff --git a/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/import_view/import_view.js b/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/import_view/import_view.js
index eb42fde664850e..db6929c7d4a66c 100644
--- a/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/import_view/import_view.js
+++ b/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/import_view/import_view.js
@@ -10,12 +10,14 @@ import React, { Component } from 'react';
 
 import {
   EuiButton,
-  EuiPage,
   EuiPageBody,
   EuiPageContentHeader_Deprecated as EuiPageContentHeader,
   EuiPanel,
   EuiSpacer,
   EuiTitle,
+  EuiFlexGroup,
+  EuiFlexItem,
+  EuiButtonEmpty,
 } from '@elastic/eui';
 
 import { i18n } from '@kbn/i18n';
@@ -32,6 +34,7 @@ import {
   addCombinedFieldsToMappings,
   getDefaultCombinedFields,
 } from '../../../common/components/combined_fields';
+import { MODE as DATAVISUALIZER_MODE } from '../file_data_visualizer_view/constants';
 
 const DEFAULT_TIME_FIELD = '@timestamp';
 const DEFAULT_INDEX_SETTINGS = { number_of_shards: 1 };
@@ -98,7 +101,7 @@ export class ImportView extends Component {
 
   // TODO - sort this function out. it's a mess
   async import() {
-    const { data, results, dataViewsContract, showBottomBar, fileUpload } = this.props;
+    const { data, results, dataViewsContract, fileUpload } = this.props;
 
     const { format } = results;
     let { timeFieldName } = this.state;
@@ -149,7 +152,6 @@ export class ImportView extends Component {
               permissionCheckStatus: IMPORT_STATUS.COMPLETE,
             },
             () => {
-              this.props.hideBottomBar();
               setTimeout(async () => {
                 let success = true;
                 const createPipeline = pipelineString !== '';
@@ -309,8 +311,6 @@ export class ImportView extends Component {
                   }
                 }
 
-                showBottomBar();
-
                 this.setState({
                   importing: false,
                   imported: success,
@@ -408,12 +408,10 @@ export class ImportView extends Component {
 
   showFilebeatFlyout = () => {
     this.setState({ isFilebeatFlyoutVisible: true });
-    this.props.hideBottomBar();
   };
 
   closeFilebeatFlyout = () => {
     this.setState({ isFilebeatFlyoutVisible: false });
-    this.props.showBottomBar();
   };
 
   async loadDataViewNames() {
@@ -482,128 +480,172 @@ export class ImportView extends Component {
       checkingValidIndex === true;
 
     return (
-      <EuiPage data-test-subj="dataVisualizerPageFileImport">
-        <EuiPageBody>
-          <EuiPageContentHeader>
-            <EuiTitle>
-              <h1>{this.props.fileName}</h1>
-            </EuiTitle>
-          </EuiPageContentHeader>
+      <EuiPageBody data-test-subj="dataVisualizerPageFileImport">
+        <EuiPageContentHeader>
+          <EuiTitle>
+            <h1>{this.props.fileName}</h1>
+          </EuiTitle>
+        </EuiPageContentHeader>
+        <EuiSpacer size="m" />
+        <EuiPanel data-test-subj="dataVisualizerFileImportSettingsPanel">
+          <EuiTitle size="s">
+            <h2>
+              <FormattedMessage
+                id="xpack.dataVisualizer.file.importView.importDataTitle"
+                defaultMessage="Import data"
+              />
+            </h2>
+          </EuiTitle>
+
+          <ImportSettings
+            index={index}
+            dataView={dataView}
+            initialized={initialized}
+            onIndexChange={this.onIndexChange}
+            createDataView={createDataView}
+            onCreateDataViewChange={this.onCreateDataViewChange}
+            onDataViewChange={this.onDataViewChange}
+            indexSettingsString={indexSettingsString}
+            mappingsString={mappingsString}
+            pipelineString={pipelineString}
+            onIndexSettingsStringChange={this.onIndexSettingsStringChange}
+            onMappingsStringChange={this.onMappingsStringChange}
+            onPipelineStringChange={this.onPipelineStringChange}
+            indexNameError={indexNameError}
+            dataViewNameError={dataViewNameError}
+            combinedFields={combinedFields}
+            onCombinedFieldsChange={this.onCombinedFieldsChange}
+            results={this.props.results}
+          />
+
           <EuiSpacer size="m" />
-          <EuiPanel data-test-subj="dataVisualizerFileImportSettingsPanel">
-            <EuiTitle size="s">
-              <h2>
-                <FormattedMessage
-                  id="xpack.dataVisualizer.file.importView.importDataTitle"
-                  defaultMessage="Import data"
-                />
-              </h2>
-            </EuiTitle>
-
-            <ImportSettings
-              index={index}
-              dataView={dataView}
-              initialized={initialized}
-              onIndexChange={this.onIndexChange}
-              createDataView={createDataView}
-              onCreateDataViewChange={this.onCreateDataViewChange}
-              onDataViewChange={this.onDataViewChange}
-              indexSettingsString={indexSettingsString}
-              mappingsString={mappingsString}
-              pipelineString={pipelineString}
-              onIndexSettingsStringChange={this.onIndexSettingsStringChange}
-              onMappingsStringChange={this.onMappingsStringChange}
-              onPipelineStringChange={this.onPipelineStringChange}
-              indexNameError={indexNameError}
-              dataViewNameError={dataViewNameError}
-              combinedFields={combinedFields}
-              onCombinedFieldsChange={this.onCombinedFieldsChange}
-              results={this.props.results}
-            />
 
-            <EuiSpacer size="m" />
+          {(initialized === false || importing === true) && (
+            <EuiFlexGroup>
+              <EuiFlexItem grow={false}>
+                <EuiButton
+                  isDisabled={disableImport}
+                  onClick={this.clickImport}
+                  isLoading={importing}
+                  iconSide="right"
+                  fill
+                  data-test-subj="dataVisualizerFileImportButton"
+                >
+                  <FormattedMessage
+                    id="xpack.dataVisualizer.file.importView.importButtonLabel"
+                    defaultMessage="Import"
+                  />
+                </EuiButton>
+              </EuiFlexItem>
+              <EuiFlexItem grow={false}>
+                <EuiButton
+                  onClick={() => this.props.onChangeMode(DATAVISUALIZER_MODE.READ)}
+                  isDisabled={importing}
+                >
+                  <FormattedMessage
+                    id="xpack.dataVisualizer.file.importView.backButtonLabel"
+                    defaultMessage="Back"
+                  />
+                </EuiButton>
+              </EuiFlexItem>
+              <EuiFlexItem grow={false}>
+                <EuiButtonEmpty onClick={() => this.props.onCancel()} isDisabled={importing}>
+                  <FormattedMessage
+                    id="xpack.dataVisualizer.file.importView.cancelButtonLabel"
+                    defaultMessage="Select a different file"
+                  />
+                </EuiButtonEmpty>
+              </EuiFlexItem>
+            </EuiFlexGroup>
+          )}
 
-            {(initialized === false || importing === true) && (
-              <EuiButton
-                isDisabled={disableImport}
-                onClick={this.clickImport}
-                isLoading={importing}
-                iconSide="right"
-                fill
-                data-test-subj="dataVisualizerFileImportButton"
-              >
-                <FormattedMessage
-                  id="xpack.dataVisualizer.file.importView.importButtonLabel"
-                  defaultMessage="Import"
-                />
-              </EuiButton>
-            )}
-
-            {initialized === true && importing === false && (
-              <EuiButton onClick={this.clickReset}>
-                <FormattedMessage
-                  id="xpack.dataVisualizer.file.importView.resetButtonLabel"
-                  defaultMessage="Reset"
-                />
-              </EuiButton>
-            )}
-          </EuiPanel>
-
-          {initialized === true && (
-            <React.Fragment>
-              <EuiSpacer size="m" />
-
-              <EuiPanel>
-                <ImportProgress statuses={statuses} />
-
-                {imported === true && (
-                  <React.Fragment>
-                    <EuiSpacer size="m" />
-
-                    <ImportSummary
-                      index={index}
-                      dataView={dataView === '' ? index : dataView}
-                      ingestPipelineId={ingestPipelineId}
-                      docCount={docCount}
-                      importFailures={importFailures}
-                      createDataView={createDataView}
-                      createPipeline={createPipeline}
-                    />
+          {initialized === true && importing === false && (
+            <EuiFlexGroup>
+              <EuiFlexItem grow={false}>
+                <EuiButton onClick={this.clickReset}>
+                  <FormattedMessage
+                    id="xpack.dataVisualizer.file.importView.resetButtonLabel"
+                    defaultMessage="Reset"
+                  />
+                </EuiButton>
+              </EuiFlexItem>
+              <EuiFlexItem grow={false}>
+                <EuiButton
+                  onClick={() => this.props.onChangeMode(DATAVISUALIZER_MODE.READ)}
+                  isDisabled={importing}
+                >
+                  <FormattedMessage
+                    id="xpack.dataVisualizer.file.importView.backButtonLabel"
+                    defaultMessage="Back"
+                  />
+                </EuiButton>
+              </EuiFlexItem>
+              <EuiFlexItem grow={false}>
+                <EuiButtonEmpty onClick={() => this.props.onCancel()} isDisabled={importing}>
+                  <FormattedMessage
+                    id="xpack.dataVisualizer.file.importView.importNewButtonLabel"
+                    defaultMessage="Import a new file"
+                  />
+                </EuiButtonEmpty>
+              </EuiFlexItem>
+            </EuiFlexGroup>
+          )}
+        </EuiPanel>
 
-                    <EuiSpacer size="l" />
+        {initialized === true && (
+          <React.Fragment>
+            <EuiSpacer size="m" />
 
-                    <ResultsLinks
-                      fieldStats={this.props.results?.field_stats}
+            <EuiPanel>
+              <ImportProgress statuses={statuses} />
+
+              {imported === true && (
+                <React.Fragment>
+                  <EuiSpacer size="m" />
+
+                  <ImportSummary
+                    index={index}
+                    dataView={dataView === '' ? index : dataView}
+                    ingestPipelineId={ingestPipelineId}
+                    docCount={docCount}
+                    importFailures={importFailures}
+                    createDataView={createDataView}
+                    createPipeline={createPipeline}
+                  />
+
+                  <EuiSpacer size="l" />
+
+                  <ResultsLinks
+                    fieldStats={this.props.results?.field_stats}
+                    index={index}
+                    dataViewId={dataViewId}
+                    timeFieldName={timeFieldName}
+                    createDataView={createDataView}
+                    showFilebeatFlyout={this.showFilebeatFlyout}
+                    getAdditionalLinks={this.props.getAdditionalLinks ?? []}
+                  />
+
+                  {isFilebeatFlyoutVisible && (
+                    <FilebeatConfigFlyout
                       index={index}
-                      dataViewId={dataViewId}
-                      timeFieldName={timeFieldName}
-                      createDataView={createDataView}
-                      showFilebeatFlyout={this.showFilebeatFlyout}
-                      getAdditionalLinks={this.props.getAdditionalLinks ?? []}
+                      results={this.props.results}
+                      ingestPipelineId={ingestPipelineId}
+                      closeFlyout={this.closeFilebeatFlyout}
                     />
+                  )}
+                </React.Fragment>
+              )}
+            </EuiPanel>
+          </React.Fragment>
+        )}
+        {errors.length > 0 && (
+          <React.Fragment>
+            <EuiSpacer size="m" />
 
-                    {isFilebeatFlyoutVisible && (
-                      <FilebeatConfigFlyout
-                        index={index}
-                        results={this.props.results}
-                        ingestPipelineId={ingestPipelineId}
-                        closeFlyout={this.closeFilebeatFlyout}
-                      />
-                    )}
-                  </React.Fragment>
-                )}
-              </EuiPanel>
-            </React.Fragment>
-          )}
-          {errors.length > 0 && (
-            <React.Fragment>
-              <EuiSpacer size="m" />
-
-              <ImportErrors errors={errors} statuses={statuses} />
-            </React.Fragment>
-          )}
-        </EuiPageBody>
-      </EuiPage>
+            <ImportErrors errors={errors} statuses={statuses} />
+          </React.Fragment>
+        )}
+      </EuiPageBody>
     );
   }
 }
diff --git a/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/results_view/results_view.tsx b/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/results_view/results_view.tsx
index 69771149546527..26a727a7a922e0 100644
--- a/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/results_view/results_view.tsx
+++ b/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/results_view/results_view.tsx
@@ -12,7 +12,6 @@ import {
   EuiButton,
   EuiButtonEmpty,
   EuiPageBody,
-  EuiPageContentHeader_Deprecated as EuiPageContentHeader,
   EuiPanel,
   EuiSpacer,
   EuiTitle,
@@ -24,6 +23,7 @@ import { FindFileStructureResponse } from '@kbn/file-upload-plugin/common';
 import { FileContents } from '../file_contents';
 import { AnalysisSummary } from '../analysis_summary';
 import { FieldsStatsGrid } from '../../../common/components/fields_stats_grid';
+import { MODE as DATAVISUALIZER_MODE } from '../file_data_visualizer_view/constants';
 
 interface Props {
   data: string;
@@ -32,6 +32,9 @@ interface Props {
   showEditFlyout(): void;
   showExplanationFlyout(): void;
   disableButtons: boolean;
+  onChangeMode: (mode: DATAVISUALIZER_MODE) => void;
+  onCancel: () => void;
+  disableImport?: boolean;
 }
 
 export const ResultsView: FC<Props> = ({
@@ -41,14 +44,32 @@ export const ResultsView: FC<Props> = ({
   showEditFlyout,
   showExplanationFlyout,
   disableButtons,
+  onChangeMode,
+  onCancel,
+  disableImport,
 }) => {
   return (
     <EuiPageBody data-test-subj="dataVisualizerPageFileResults">
-      <EuiPageContentHeader>
-        <EuiTitle>
-          <h2 data-test-subj="dataVisualizerFileResultsTitle">{fileName}</h2>
-        </EuiTitle>
-      </EuiPageContentHeader>
+      <EuiFlexGroup>
+        <EuiFlexItem grow={false}>
+          <EuiTitle>
+            <h2 data-test-subj="dataVisualizerFileResultsTitle">{fileName}</h2>
+          </EuiTitle>
+        </EuiFlexItem>
+        <EuiFlexItem grow={false}>
+          <EuiButtonEmpty
+            onClick={onCancel}
+            data-test-subj="dataVisualizerFileResultsCancelButton"
+            size="s"
+          >
+            <FormattedMessage
+              id="xpack.dataVisualizer.file.resultsView.cancelButtonLabel"
+              defaultMessage="Select a different file"
+            />
+          </EuiButtonEmpty>
+        </EuiFlexItem>
+      </EuiFlexGroup>
+
       <EuiSpacer size="m" />
       <div className="results">
         <EuiPanel data-test-subj="dataVisualizerFileFileContentPanel" hasShadow={false} hasBorder>
@@ -67,6 +88,19 @@ export const ResultsView: FC<Props> = ({
           <EuiSpacer size="m" />
 
           <EuiFlexGroup gutterSize="s" alignItems="center">
+            <EuiFlexItem grow={false}>
+              <EuiButton
+                fill
+                isDisabled={disableImport}
+                onClick={() => onChangeMode(DATAVISUALIZER_MODE.IMPORT)}
+                data-test-subj="dataVisualizerFileOpenImportPageButton"
+              >
+                <FormattedMessage
+                  id="xpack.dataVisualizer.file.resultsView.importButtonLabel"
+                  defaultMessage="Import"
+                />
+              </EuiButton>
+            </EuiFlexItem>
             <EuiFlexItem grow={false}>
               <EuiButton onClick={() => showEditFlyout()} disabled={disableButtons}>
                 <FormattedMessage
diff --git a/x-pack/plugins/translations/translations/fr-FR.json b/x-pack/plugins/translations/translations/fr-FR.json
index 1b49ae899b7224..c7b2057d34370a 100644
--- a/x-pack/plugins/translations/translations/fr-FR.json
+++ b/x-pack/plugins/translations/translations/fr-FR.json
@@ -11475,11 +11475,6 @@
     "xpack.dataVisualizer.file.analysisSummary.hasHeaderRowTitle": "Possède une ligne d'en-tête",
     "xpack.dataVisualizer.file.analysisSummary.summaryTitle": "Résumé",
     "xpack.dataVisualizer.file.analysisSummary.timeFieldTitle": "Champ temporel",
-    "xpack.dataVisualizer.file.bottomBar.backButtonLabel": "Retour",
-    "xpack.dataVisualizer.file.bottomBar.cancelButtonLabel": "Annuler",
-    "xpack.dataVisualizer.file.bottomBar.missingImportPrivilegesMessage": "Vous devez avoir un rôle de ingest_admin pour activer l'importation des données",
-    "xpack.dataVisualizer.file.bottomBar.readMode.cancelButtonLabel": "Annuler",
-    "xpack.dataVisualizer.file.bottomBar.readMode.importButtonLabel": "Importer",
     "xpack.dataVisualizer.file.cannotCreateDataView.tooltip": "Vous devez disposer d'une autorisation pour créer des vues de données.",
     "xpack.dataVisualizer.file.editFlyout.applyOverrideSettingsButtonLabel": "Appliquer",
     "xpack.dataVisualizer.file.editFlyout.closeOverrideSettingsButtonLabel": "Fermer",
diff --git a/x-pack/plugins/translations/translations/ja-JP.json b/x-pack/plugins/translations/translations/ja-JP.json
index fc195937c9b503..a5bb9ff23b561b 100644
--- a/x-pack/plugins/translations/translations/ja-JP.json
+++ b/x-pack/plugins/translations/translations/ja-JP.json
@@ -11474,11 +11474,6 @@
     "xpack.dataVisualizer.file.analysisSummary.hasHeaderRowTitle": "ヘッダー行があります",
     "xpack.dataVisualizer.file.analysisSummary.summaryTitle": "まとめ",
     "xpack.dataVisualizer.file.analysisSummary.timeFieldTitle": "時間フィールド",
-    "xpack.dataVisualizer.file.bottomBar.backButtonLabel": "戻る",
-    "xpack.dataVisualizer.file.bottomBar.cancelButtonLabel": "キャンセル",
-    "xpack.dataVisualizer.file.bottomBar.missingImportPrivilegesMessage": "データインポートを有効にするには、ingest_adminロールが必要です",
-    "xpack.dataVisualizer.file.bottomBar.readMode.cancelButtonLabel": "キャンセル",
-    "xpack.dataVisualizer.file.bottomBar.readMode.importButtonLabel": "インポート",
     "xpack.dataVisualizer.file.cannotCreateDataView.tooltip": "データビューを作成する権限が必要です。",
     "xpack.dataVisualizer.file.editFlyout.applyOverrideSettingsButtonLabel": "適用",
     "xpack.dataVisualizer.file.editFlyout.closeOverrideSettingsButtonLabel": "閉じる",
diff --git a/x-pack/plugins/translations/translations/zh-CN.json b/x-pack/plugins/translations/translations/zh-CN.json
index e102f5602a43e8..4a210b85b4bcb3 100644
--- a/x-pack/plugins/translations/translations/zh-CN.json
+++ b/x-pack/plugins/translations/translations/zh-CN.json
@@ -11474,11 +11474,6 @@
     "xpack.dataVisualizer.file.analysisSummary.hasHeaderRowTitle": "包含标题行",
     "xpack.dataVisualizer.file.analysisSummary.summaryTitle": "摘要",
     "xpack.dataVisualizer.file.analysisSummary.timeFieldTitle": "时间字段",
-    "xpack.dataVisualizer.file.bottomBar.backButtonLabel": "返回",
-    "xpack.dataVisualizer.file.bottomBar.cancelButtonLabel": "取消",
-    "xpack.dataVisualizer.file.bottomBar.missingImportPrivilegesMessage": "您需要具有 ingest_admin 角色才能启用数据导入",
-    "xpack.dataVisualizer.file.bottomBar.readMode.cancelButtonLabel": "取消",
-    "xpack.dataVisualizer.file.bottomBar.readMode.importButtonLabel": "导入",
     "xpack.dataVisualizer.file.cannotCreateDataView.tooltip": "您需要权限以创建数据视图。",
     "xpack.dataVisualizer.file.editFlyout.applyOverrideSettingsButtonLabel": "应用",
     "xpack.dataVisualizer.file.editFlyout.closeOverrideSettingsButtonLabel": "关闭",