diff --git a/src/platform/packages/shared/kbn-unified-data-table/src/hooks/use_control_column.ts b/src/platform/packages/shared/kbn-unified-data-table/src/hooks/use_control_column.ts
index 0784bd1dedf44..445aec087a0f3 100644
--- a/src/platform/packages/shared/kbn-unified-data-table/src/hooks/use_control_column.ts
+++ b/src/platform/packages/shared/kbn-unified-data-table/src/hooks/use_control_column.ts
@@ -22,7 +22,7 @@ export const useControlColumn = ({
const { expanded, getRowByIndex } = useContext(UnifiedDataTableContext);
const record = useMemo(() => getRowByIndex(rowIndex), [getRowByIndex, rowIndex]);
const { euiTheme } = useEuiTheme();
- const { backgroundBasePrimary: anchorColor } = euiTheme.colors;
+ const { backgroundBaseWarning: anchorColor } = euiTheme.colors;
useEffect(() => {
if (record?.isAnchor) {
diff --git a/src/platform/packages/shared/kbn-unified-data-table/src/utils/get_render_cell_value.tsx b/src/platform/packages/shared/kbn-unified-data-table/src/utils/get_render_cell_value.tsx
index 7c3ff0c0d3b04..54825e0189d79 100644
--- a/src/platform/packages/shared/kbn-unified-data-table/src/utils/get_render_cell_value.tsx
+++ b/src/platform/packages/shared/kbn-unified-data-table/src/utils/get_render_cell_value.tsx
@@ -75,7 +75,7 @@ export const getRenderCellValueFn = ({
});
const ctx = useContext(UnifiedDataTableContext);
const { euiTheme } = useEuiTheme();
- const { backgroundBasePrimary: anchorColor } = euiTheme.colors;
+ const { backgroundBaseWarning: anchorColor } = euiTheme.colors;
useEffect(() => {
if (row?.isAnchor) {
diff --git a/src/platform/plugins/shared/discover/public/application/context/context_app.tsx b/src/platform/plugins/shared/discover/public/application/context/context_app.tsx
index 3dedbdd4d9b53..a638058c6afca 100644
--- a/src/platform/plugins/shared/discover/public/application/context/context_app.tsx
+++ b/src/platform/plugins/shared/discover/public/application/context/context_app.tsx
@@ -9,7 +9,14 @@
import React, { Fragment, memo, useEffect, useRef, useMemo, useCallback } from 'react';
import { FormattedMessage } from '@kbn/i18n-react';
-import { EuiText, EuiPage, EuiPageBody, EuiSpacer, useEuiPaddingSize } from '@elastic/eui';
+import {
+ EuiText,
+ EuiPage,
+ EuiPageBody,
+ EuiSpacer,
+ useEuiPaddingSize,
+ useEuiTheme,
+} from '@elastic/eui';
import { css } from '@emotion/react';
import { cloneDeep } from 'lodash';
import type { DataView, DataViewField } from '@kbn/data-views-plugin/public';
@@ -43,6 +50,7 @@ export interface ContextAppProps {
}
export const ContextApp = ({ dataView, anchorId, referrer }: ContextAppProps) => {
+ const { euiTheme } = useEuiTheme();
const services = useDiscoverServices();
const {
analytics,
@@ -268,15 +276,26 @@ export const ContextApp = ({ dataView, anchorId, referrer }: ContextAppProps) =>
data-test-subj="contextDocumentSurroundingHeader"
css={css`
padding: ${titlePadding} ${titlePadding} 0;
+ font-weight: ${euiTheme.font.weight.bold};
`}
>
-
-
-
+
+ #{anchorId}
+
+ ),
+ }}
+ />