[Discover] Fixes pagination style

src/plugins/discover/public/application/components/default_discover_table/_pagination.scss

@@ -0,0 +1,7 @@
+.osdDocTable_pagination {
+  width: 100%;
+
+  & ~ table {
+    margin-bottom: 0;
+  }
+}

src/plugins/discover/public/application/components/default_discover_table/default_discover_table.tsx

@@ -12,15 +12,13 @@ import {
   EuiDataGridColumn,
   EuiDataGridSorting,
   EuiProgress,
-  EuiPagination,
-  EuiFlexGroup,
-  EuiFlexItem,
 } from '@elastic/eui';
 import { FormattedMessage } from '@osd/i18n/react';
 import { TableHeader } from './table_header';
 import { DocViewFilterFn, OpenSearchSearchHit } from '../../doc_views/doc_views_types';
 import { TableRow } from './table_rows';
 import { IndexPattern } from '../../../opensearch_dashboards_services';
+import { Pagination } from './pagination';
 
 export interface DefaultDiscoverTableProps {
   displayedTableColumns: EuiDataGridColumn[];
@@ -111,28 +109,16 @@ export const LegacyDiscoverTable = ({
 
   return (
     indexPattern && (
-      <>
+      <div>
         {showPagination ? (
-          <EuiFlexGroup>
-            <EuiFlexItem grow={false}>
-              <EuiPagination
-                pageCount={pageCount}
-                activePage={activePage}
-                onPageClick={(currentPage) => goToPage(currentPage)}
-              />
-            </EuiFlexItem>
-            <EuiFlexItem>
-              <FormattedMessage
-                id="discover.docTable.pagerControl.pagesCountLabel"
-                defaultMessage="{startItem}&ndash;{endItem} of {totalItems}"
-                values={{
-                  startItem: currentRowCounts.startRow,
-                  endItem: currentRowCounts.endRow,
-                  totalItems: rows.length,
-                }}
-              />
-            </EuiFlexItem>
-          </EuiFlexGroup>
+          <Pagination
+            pageCount={pageCount}
+            activePage={activePage}
+            goToPage={goToPage}
+            startItem={currentRowCounts.startRow + 1}
+            endItem={currentRowCounts.endRow}
+            totalItems={rows.length}
+          />
         ) : null}
         <table data-test-subj="docTable" className="osd-table table">
           <thead>
@@ -187,7 +173,17 @@ export const LegacyDiscoverTable = ({
             </EuiButtonEmpty>
           </EuiCallOut>
         )}
-      </>
+        {showPagination ? (
+          <Pagination
+            pageCount={pageCount}
+            activePage={activePage}
+            goToPage={goToPage}
+            startItem={currentRowCounts.startRow + 1}
+            endItem={currentRowCounts.endRow}
+            totalItems={rows.length}
+          />
+        ) : null}
+      </div>
     )
   );
 };

src/plugins/discover/public/application/components/default_discover_table/pagination.tsx

@@ -0,0 +1,50 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { EuiFlexGroup, EuiFlexItem, EuiPagination } from '@elastic/eui';
+import React from 'react';
+import { FormattedMessage } from '@osd/i18n/react';
+import './_pagination.scss';
+
+interface Props {
+  pageCount: number;
+  activePage: number;
+  goToPage: (page: number) => void;
+  startItem: number;
+  endItem: number;
+  totalItems: number;
+}
+
+export const Pagination = ({
+  pageCount,
+  activePage,
+  goToPage,
+  startItem,
+  endItem,
+  totalItems,
+}: Props) => {
+  return (
+    <EuiFlexGroup className="osdDocTable_pagination" alignItems="center" justifyContent="flexEnd">
+      <EuiFlexItem grow={false}>
+        <FormattedMessage
+          id="discover.docTable.pagerControl.pagesCountLabel"
+          defaultMessage="{startItem}&ndash;{endItem} of {totalItems}"
+          values={{
+            startItem,
+            endItem,
+            totalItems,
+          }}
+        />
+      </EuiFlexItem>
+      <EuiFlexItem grow={false}>
+        <EuiPagination
+          pageCount={pageCount}
+          activePage={activePage}
+          onPageClick={(currentPage) => goToPage(currentPage)}
+        />
+      </EuiFlexItem>
+    </EuiFlexGroup>
+  );
+};

src/plugins/discover/public/application/components/sidebar/discover_sidebar.tsx

@@ -267,7 +267,6 @@ const FieldList = ({
     <>
       <EuiButtonEmpty
         iconSide="right"
-        iconSize="s"
         color="text"
         iconType={expanded ? 'arrowDown' : 'arrowRight'}
         onClick={() => setExpanded(!expanded)}

src/plugins/vis_augmenter/public/view_events_flyout/components/styles.scss

@@ -1,7 +1,7 @@
 $vis-description-width: 200px;
 $event-vis-height: 55px;
 $timeline-panel-height: 90px;
-$content-padding-top: 110px; // Padding needed within view events flyout content to sit comfortably below flyout header
+$content-padding-top: 110px; // Padding required for view events flyout content to align below flyout header.
 $date-range-height: 45px; // Static height we want for the date range picker component
 $error-icon-padding-right: -8px; // This is so the error icon is aligned consistent with the event count icons
 $base-vis-min-height: 25vh; // Visualizations require the container to have a valid width and height to render