[Discover] Fix saved search embeddable pagination (elastic#117507)

* [Discover] fix saved search embeddable pagination * [Discover] fix linting error Co-authored-by: Kibana Machine <[email protected]>
TinLe · Nov 20, 2021 · 16b613c · 16b613c
1 parent 1f63692
commit 16b613c
Showing 1 changed file with 8 additions and 7 deletions.
diff --git a/src/plugins/discover/public/components/doc_table/components/pager/tool_bar_pagination.tsx b/src/plugins/discover/public/components/doc_table/components/pager/tool_bar_pagination.tsx
@@ -18,6 +18,7 @@ import {
 } from '@elastic/eui';
 import { FormattedMessage } from '@kbn/i18n/react';
 import { i18n } from '@kbn/i18n';
+import { euiLightVars } from '@kbn/ui-shared-deps-src/theme';
 
 interface ToolBarPaginationProps {
   pageSize: number;
@@ -27,6 +28,11 @@ interface ToolBarPaginationProps {
   onPageSizeChange: (size: number) => void;
 }
 
+const TOOL_BAR_PAGINATION_STYLES = {
+  marginLeft: 'auto',
+  marginRight: euiLightVars.euiSizeL,
+};
+
 export const ToolBarPagination = ({
   pageSize,
   pageCount,
@@ -61,12 +67,7 @@ export const ToolBarPagination = ({
   ));
 
   return (
-    <EuiFlexGroup
-      justifyContent="spaceBetween"
-      alignItems="center"
-      gutterSize="xs"
-      responsive={false}
-    >
+    <EuiFlexGroup alignItems="center" gutterSize="xs" responsive={false}>
       <EuiFlexItem grow={false}>
         <EuiPopover
           button={
@@ -92,7 +93,7 @@ export const ToolBarPagination = ({
         </EuiPopover>
       </EuiFlexItem>
 
-      <EuiFlexItem grow={false}>
+      <EuiFlexItem grow={false} style={TOOL_BAR_PAGINATION_STYLES}>
         <EuiPagination
           aria-label={i18n.translate('discover.docTable.documentsNavigation', {
             defaultMessage: 'Documents navigation',