diff --git a/src/plugins/discover/public/application/main/components/layout/discover_layout.scss b/src/plugins/discover/public/application/main/components/layout/discover_layout.scss index 88da97d6f5333..d3978fe1c1d82 100644 --- a/src/plugins/discover/public/application/main/components/layout/discover_layout.scss +++ b/src/plugins/discover/public/application/main/components/layout/discover_layout.scss @@ -53,6 +53,10 @@ discover-app { position: relative; overflow: hidden; height: 100%; + + .euiDataGrid__controls { + border-top: none; + } } .dscPageContent--centered { diff --git a/src/plugins/discover/public/components/view_mode_toggle/view_mode_toggle.tsx b/src/plugins/discover/public/components/view_mode_toggle/view_mode_toggle.tsx index b5674b6833ada..63fcbcc40db37 100644 --- a/src/plugins/discover/public/components/view_mode_toggle/view_mode_toggle.tsx +++ b/src/plugins/discover/public/components/view_mode_toggle/view_mode_toggle.tsx @@ -7,7 +7,7 @@ */ import React from 'react'; -import { EuiTab, EuiTabs, useEuiPaddingSize, useEuiTheme } from '@elastic/eui'; +import { EuiTab, EuiTabs, useEuiTheme } from '@elastic/eui'; import { FormattedMessage } from '@kbn/i18n-react'; import { css } from '@emotion/react'; import { SHOW_FIELD_STATISTICS } from '@kbn/discover-utils'; @@ -25,8 +25,7 @@ export const DocumentViewModeToggle = ({ const { uiSettings } = useDiscoverServices(); const tabsCss = css` - padding: 0 ${useEuiPaddingSize('s')}; - border-bottom: ${viewMode === VIEW_MODE.AGGREGATED_LEVEL ? euiTheme.border.thin : 'none'}; + padding: 0 ${euiTheme.size.s}; `; const showViewModeToggle = uiSettings.get(SHOW_FIELD_STATISTICS) ?? false; @@ -36,7 +35,7 @@ export const DocumentViewModeToggle = ({ } return ( - + setDiscoverViewMode(VIEW_MODE.DOCUMENT_LEVEL)}