diff --git a/docs/development/core/public/kibana-plugin-public.chromebreadcrumb._data-test-subj_.md b/docs/development/core/public/kibana-plugin-public.chromebreadcrumb._data-test-subj_.md
deleted file mode 100644
index 8cdfafb7c8d91..0000000000000
--- a/docs/development/core/public/kibana-plugin-public.chromebreadcrumb._data-test-subj_.md
+++ /dev/null
@@ -1,11 +0,0 @@
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[Home](./index.md) &gt; [kibana-plugin-public](./kibana-plugin-public.md) &gt; [ChromeBreadcrumb](./kibana-plugin-public.chromebreadcrumb.md) &gt; ["data-test-subj"](./kibana-plugin-public.chromebreadcrumb._data-test-subj_.md)
-
-## ChromeBreadcrumb."data-test-subj" property
-
-<b>Signature:</b>
-
-```typescript
-'data-test-subj'?: string;
-```
diff --git a/docs/development/core/public/kibana-plugin-public.chromebreadcrumb.href.md b/docs/development/core/public/kibana-plugin-public.chromebreadcrumb.href.md
deleted file mode 100644
index b40f19c99f668..0000000000000
--- a/docs/development/core/public/kibana-plugin-public.chromebreadcrumb.href.md
+++ /dev/null
@@ -1,11 +0,0 @@
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[Home](./index.md) &gt; [kibana-plugin-public](./kibana-plugin-public.md) &gt; [ChromeBreadcrumb](./kibana-plugin-public.chromebreadcrumb.md) &gt; [href](./kibana-plugin-public.chromebreadcrumb.href.md)
-
-## ChromeBreadcrumb.href property
-
-<b>Signature:</b>
-
-```typescript
-href?: string;
-```
diff --git a/docs/development/core/public/kibana-plugin-public.chromebreadcrumb.md b/docs/development/core/public/kibana-plugin-public.chromebreadcrumb.md
index 883300f96753a..9350b56ce5f60 100644
--- a/docs/development/core/public/kibana-plugin-public.chromebreadcrumb.md
+++ b/docs/development/core/public/kibana-plugin-public.chromebreadcrumb.md
@@ -2,21 +2,11 @@
 
 [Home](./index.md) &gt; [kibana-plugin-public](./kibana-plugin-public.md) &gt; [ChromeBreadcrumb](./kibana-plugin-public.chromebreadcrumb.md)
 
-## ChromeBreadcrumb interface
+## ChromeBreadcrumb type
 
 
 <b>Signature:</b>
 
 ```typescript
-export interface ChromeBreadcrumb 
+export declare type ChromeBreadcrumb = EuiBreadcrumb;
 ```
-
-## Properties
-
-|  Property | Type | Description |
-|  --- | --- | --- |
-|  ["data-test-subj"](./kibana-plugin-public.chromebreadcrumb._data-test-subj_.md) | <code>string</code> |  |
-|  [href](./kibana-plugin-public.chromebreadcrumb.href.md) | <code>string</code> |  |
-|  [onClick](./kibana-plugin-public.chromebreadcrumb.onclick.md) | <code>MouseEventHandler&lt;HTMLButtonElement&gt;</code> |  |
-|  [text](./kibana-plugin-public.chromebreadcrumb.text.md) | <code>string</code> |  |
-
diff --git a/docs/development/core/public/kibana-plugin-public.chromebreadcrumb.onclick.md b/docs/development/core/public/kibana-plugin-public.chromebreadcrumb.onclick.md
deleted file mode 100644
index 1e0ae36e893a1..0000000000000
--- a/docs/development/core/public/kibana-plugin-public.chromebreadcrumb.onclick.md
+++ /dev/null
@@ -1,11 +0,0 @@
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[Home](./index.md) &gt; [kibana-plugin-public](./kibana-plugin-public.md) &gt; [ChromeBreadcrumb](./kibana-plugin-public.chromebreadcrumb.md) &gt; [onClick](./kibana-plugin-public.chromebreadcrumb.onclick.md)
-
-## ChromeBreadcrumb.onClick property
-
-<b>Signature:</b>
-
-```typescript
-onClick?: MouseEventHandler<HTMLButtonElement>;
-```
diff --git a/docs/development/core/public/kibana-plugin-public.chromebreadcrumb.text.md b/docs/development/core/public/kibana-plugin-public.chromebreadcrumb.text.md
deleted file mode 100644
index fa7e3804576e3..0000000000000
--- a/docs/development/core/public/kibana-plugin-public.chromebreadcrumb.text.md
+++ /dev/null
@@ -1,11 +0,0 @@
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[Home](./index.md) &gt; [kibana-plugin-public](./kibana-plugin-public.md) &gt; [ChromeBreadcrumb](./kibana-plugin-public.chromebreadcrumb.md) &gt; [text](./kibana-plugin-public.chromebreadcrumb.text.md)
-
-## ChromeBreadcrumb.text property
-
-<b>Signature:</b>
-
-```typescript
-text: string;
-```
diff --git a/docs/development/core/public/kibana-plugin-public.md b/docs/development/core/public/kibana-plugin-public.md
index f55705fb2faef..d5c7ec811baa3 100644
--- a/docs/development/core/public/kibana-plugin-public.md
+++ b/docs/development/core/public/kibana-plugin-public.md
@@ -34,7 +34,6 @@ The plugin integrates with the core system via lifecycle events: `setup`<!-- -->
 |  [Capabilities](./kibana-plugin-public.capabilities.md) | The read-only set of capabilities available for the current UI session. Capabilities are simple key-value pairs of (string, boolean), where the string denotes the capability ID, and the boolean is a flag indicating if the capability is enabled or disabled. |
 |  [ChromeBadge](./kibana-plugin-public.chromebadge.md) |  |
 |  [ChromeBrand](./kibana-plugin-public.chromebrand.md) |  |
-|  [ChromeBreadcrumb](./kibana-plugin-public.chromebreadcrumb.md) |  |
 |  [ChromeNavControl](./kibana-plugin-public.chromenavcontrol.md) |  |
 |  [ChromeNavControls](./kibana-plugin-public.chromenavcontrols.md) | [APIs](./kibana-plugin-public.chromenavcontrols.md) for registering new controls to be displayed in the navigation bar. |
 |  [ChromeNavLink](./kibana-plugin-public.chromenavlink.md) |  |
@@ -90,6 +89,7 @@ The plugin integrates with the core system via lifecycle events: `setup`<!-- -->
 |  Type Alias | Description |
 |  --- | --- |
 |  [AppUnmount](./kibana-plugin-public.appunmount.md) | A function called when an application should be unmounted from the page. This function should be synchronous. |
+|  [ChromeBreadcrumb](./kibana-plugin-public.chromebreadcrumb.md) |  |
 |  [ChromeHelpExtension](./kibana-plugin-public.chromehelpextension.md) |  |
 |  [ChromeNavLinkUpdateableFields](./kibana-plugin-public.chromenavlinkupdateablefields.md) |  |
 |  [HandlerContextType](./kibana-plugin-public.handlercontexttype.md) | Extracts the type of the first argument of a [HandlerFunction](./kibana-plugin-public.handlerfunction.md) to represent the type of the context. |
diff --git a/package.json b/package.json
index 29410042a865d..b1ba573ffaf5a 100644
--- a/package.json
+++ b/package.json
@@ -109,7 +109,7 @@
     "@elastic/charts": "^13.5.1",
     "@elastic/datemath": "5.0.2",
     "@elastic/ems-client": "^1.0.2",
-    "@elastic/eui": "14.4.0",
+    "@elastic/eui": "14.5.0",
     "@elastic/filesaver": "1.1.2",
     "@elastic/good": "8.1.1-kibana2",
     "@elastic/numeral": "2.3.3",
diff --git a/src/core/public/chrome/chrome_service.tsx b/src/core/public/chrome/chrome_service.tsx
index 02195c794d280..71279ad6fed03 100644
--- a/src/core/public/chrome/chrome_service.tsx
+++ b/src/core/public/chrome/chrome_service.tsx
@@ -17,13 +17,13 @@
  * under the License.
  */
 
-import React, { MouseEventHandler } from 'react';
+import React from 'react';
 import { BehaviorSubject, Observable, ReplaySubject } from 'rxjs';
 import { map, takeUntil } from 'rxjs/operators';
 import * as Url from 'url';
 
 import { i18n } from '@kbn/i18n';
-import { IconType } from '@elastic/eui';
+import { IconType, Breadcrumb as EuiBreadcrumb } from '@elastic/eui';
 
 import { InjectedMetadataStart } from '../injected_metadata';
 import { NotificationsStart } from '../notifications';
@@ -59,12 +59,7 @@ export interface ChromeBrand {
 }
 
 /** @public */
-export interface ChromeBreadcrumb {
-  text: string;
-  href?: string;
-  'data-test-subj'?: string;
-  onClick?: MouseEventHandler<HTMLButtonElement>;
-}
+export type ChromeBreadcrumb = EuiBreadcrumb;
 
 /** @public */
 export type ChromeHelpExtension = (element: HTMLDivElement) => () => void;
diff --git a/src/core/public/chrome/ui/header/__snapshots__/header_breadcrumbs.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/header_breadcrumbs.test.tsx.snap
index 2df1c616b04b3..d089019915686 100644
--- a/src/core/public/chrome/ui/header/__snapshots__/header_breadcrumbs.test.tsx.snap
+++ b/src/core/public/chrome/ui/header/__snapshots__/header_breadcrumbs.test.tsx.snap
@@ -5,7 +5,6 @@ exports[`HeaderBreadcrumbs renders updates to the breadcrumbs$ observable 1`] =
   aria-current="page"
   className="euiBreadcrumb euiBreadcrumb--last"
   data-test-subj="breadcrumb first last"
-  title="First"
 >
   First
 </span>
@@ -18,7 +17,6 @@ Array [
     color="subdued"
     data-test-subj="breadcrumb first"
     title="First"
-    type="button"
   >
     <button
       className="euiLink euiLink--subdued euiBreadcrumb"
@@ -41,7 +39,6 @@ Array [
     aria-current="page"
     className="euiBreadcrumb euiBreadcrumb--last"
     data-test-subj="breadcrumb last"
-    title="Second"
   >
     Second
   </span>,
diff --git a/src/core/public/chrome/ui/header/header_breadcrumbs.tsx b/src/core/public/chrome/ui/header/header_breadcrumbs.tsx
index 68eb6a54f48a3..83840cff45d03 100644
--- a/src/core/public/chrome/ui/header/header_breadcrumbs.tsx
+++ b/src/core/public/chrome/ui/header/header_breadcrumbs.tsx
@@ -21,10 +21,7 @@ import classNames from 'classnames';
 import React, { Component } from 'react';
 import * as Rx from 'rxjs';
 
-import {
-  // @ts-ignore
-  EuiHeaderBreadcrumbs,
-} from '@elastic/eui';
+import { EuiHeaderBreadcrumbs } from '@elastic/eui';
 import { ChromeBreadcrumb } from '../../chrome_service';
 
 interface Props {
diff --git a/src/core/public/fatal_errors/__snapshots__/fatal_errors_screen.test.tsx.snap b/src/core/public/fatal_errors/__snapshots__/fatal_errors_screen.test.tsx.snap
index 1757284a81a7e..08b72c35ee2d3 100644
--- a/src/core/public/fatal_errors/__snapshots__/fatal_errors_screen.test.tsx.snap
+++ b/src/core/public/fatal_errors/__snapshots__/fatal_errors_screen.test.tsx.snap
@@ -10,6 +10,7 @@ exports[`rendering render matches snapshot 1`] = `
   }
 >
   <EuiPageBody
+    component="main"
     restrictWidth={false}
   >
     <EuiPageContent
diff --git a/src/core/public/public.api.md b/src/core/public/public.api.md
index e45c7710dc383..e1211fc78b1d3 100644
--- a/src/core/public/public.api.md
+++ b/src/core/public/public.api.md
@@ -4,8 +4,8 @@
 
 ```ts
 
+import { Breadcrumb } from '@elastic/eui';
 import { IconType } from '@elastic/eui';
-import { MouseEventHandler } from 'react';
 import { Observable } from 'rxjs';
 import React from 'react';
 import * as Rx from 'rxjs';
@@ -103,16 +103,7 @@ export interface ChromeBrand {
 }
 
 // @public (undocumented)
-export interface ChromeBreadcrumb {
-    // (undocumented)
-    'data-test-subj'?: string;
-    // (undocumented)
-    href?: string;
-    // (undocumented)
-    onClick?: MouseEventHandler<HTMLButtonElement>;
-    // (undocumented)
-    text: string;
-}
+export type ChromeBreadcrumb = Breadcrumb;
 
 // @public (undocumented)
 export type ChromeHelpExtension = (element: HTMLDivElement) => () => void;
diff --git a/src/legacy/core_plugins/input_control_vis/public/components/editor/__snapshots__/controls_tab.test.js.snap b/src/legacy/core_plugins/input_control_vis/public/components/editor/__snapshots__/controls_tab.test.js.snap
index 7d0bfbc8ba757..809214f756713 100644
--- a/src/legacy/core_plugins/input_control_vis/public/components/editor/__snapshots__/controls_tab.test.js.snap
+++ b/src/legacy/core_plugins/input_control_vis/public/components/editor/__snapshots__/controls_tab.test.js.snap
@@ -80,6 +80,7 @@ exports[`renders ControlsTab 1`] = `
           describedByIds={Array []}
           display="row"
           fullWidth={false}
+          hasChildLabel={true}
           hasEmptyLabelSpace={false}
           id="selectControlType"
           labelType="label"
@@ -115,6 +116,7 @@ exports[`renders ControlsTab 1`] = `
           describedByIds={Array []}
           display="row"
           fullWidth={false}
+          hasChildLabel={true}
           hasEmptyLabelSpace={false}
           id="addControl"
           labelType="label"
diff --git a/src/legacy/core_plugins/input_control_vis/public/components/editor/__snapshots__/list_control_editor.test.js.snap b/src/legacy/core_plugins/input_control_vis/public/components/editor/__snapshots__/list_control_editor.test.js.snap
index 27a298cc30fea..ff3d1ffc146e3 100644
--- a/src/legacy/core_plugins/input_control_vis/public/components/editor/__snapshots__/list_control_editor.test.js.snap
+++ b/src/legacy/core_plugins/input_control_vis/public/components/editor/__snapshots__/list_control_editor.test.js.snap
@@ -19,6 +19,7 @@ exports[`renders dynamic options should display disabled dynamic options with to
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
       <FormattedMessage
@@ -48,6 +49,7 @@ exports[`renders dynamic options should display disabled dynamic options with to
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
       <FormattedMessage
@@ -78,6 +80,7 @@ exports[`renders dynamic options should display disabled dynamic options with to
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
       <FormattedMessage
@@ -129,6 +132,7 @@ exports[`renders dynamic options should display dynamic options for string field
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
       <FormattedMessage
@@ -158,6 +162,7 @@ exports[`renders dynamic options should display dynamic options for string field
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
       <FormattedMessage
@@ -206,6 +211,7 @@ exports[`renders dynamic options should display size field when dynamic options
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
       <FormattedMessage
@@ -235,6 +241,7 @@ exports[`renders dynamic options should display size field when dynamic options
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
       <FormattedMessage
@@ -265,6 +272,7 @@ exports[`renders dynamic options should display size field when dynamic options
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
       <FormattedMessage
@@ -316,6 +324,7 @@ exports[`renders should display chaining input when parents are provided 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
       <FormattedMessage
@@ -363,6 +372,7 @@ exports[`renders should display chaining input when parents are provided 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
       <FormattedMessage
@@ -392,6 +402,7 @@ exports[`renders should display chaining input when parents are provided 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
       <FormattedMessage
@@ -422,6 +433,7 @@ exports[`renders should display chaining input when parents are provided 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
       <FormattedMessage
diff --git a/src/legacy/core_plugins/input_control_vis/public/components/editor/__snapshots__/options_tab.test.js.snap b/src/legacy/core_plugins/input_control_vis/public/components/editor/__snapshots__/options_tab.test.js.snap
index 9420b2f05e635..9f06065b32363 100644
--- a/src/legacy/core_plugins/input_control_vis/public/components/editor/__snapshots__/options_tab.test.js.snap
+++ b/src/legacy/core_plugins/input_control_vis/public/components/editor/__snapshots__/options_tab.test.js.snap
@@ -6,6 +6,7 @@ exports[`OptionsTab should renders OptionsTab 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     id="updateFiltersOnChange"
     labelType="label"
@@ -27,6 +28,7 @@ exports[`OptionsTab should renders OptionsTab 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     id="useTimeFilter"
     labelType="label"
@@ -48,6 +50,7 @@ exports[`OptionsTab should renders OptionsTab 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     id="pinFilters"
     labelType="label"
diff --git a/src/legacy/core_plugins/input_control_vis/public/components/editor/__snapshots__/range_control_editor.test.js.snap b/src/legacy/core_plugins/input_control_vis/public/components/editor/__snapshots__/range_control_editor.test.js.snap
index 0f9f32b449003..031a447a3ad50 100644
--- a/src/legacy/core_plugins/input_control_vis/public/components/editor/__snapshots__/range_control_editor.test.js.snap
+++ b/src/legacy/core_plugins/input_control_vis/public/components/editor/__snapshots__/range_control_editor.test.js.snap
@@ -19,6 +19,7 @@ exports[`renders RangeControlEditor 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     id="stepSize-0"
     label={
@@ -43,6 +44,7 @@ exports[`renders RangeControlEditor 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     id="decimalPlaces-0"
     label={
diff --git a/src/legacy/core_plugins/input_control_vis/public/components/vis/__snapshots__/form_row.test.js.snap b/src/legacy/core_plugins/input_control_vis/public/components/vis/__snapshots__/form_row.test.js.snap
index a95715d9955f9..6437cb19aef97 100644
--- a/src/legacy/core_plugins/input_control_vis/public/components/vis/__snapshots__/form_row.test.js.snap
+++ b/src/legacy/core_plugins/input_control_vis/public/components/vis/__snapshots__/form_row.test.js.snap
@@ -6,6 +6,7 @@ exports[`renders control with warning 1`] = `
   describedByIds={Array []}
   display="row"
   fullWidth={false}
+  hasChildLabel={true}
   hasEmptyLabelSpace={false}
   id="controlId"
   label={
@@ -36,6 +37,7 @@ exports[`renders disabled control with tooltip 1`] = `
   describedByIds={Array []}
   display="row"
   fullWidth={false}
+  hasChildLabel={true}
   hasEmptyLabelSpace={false}
   id="controlId"
   label="test control"
@@ -61,6 +63,7 @@ exports[`renders enabled control 1`] = `
   describedByIds={Array []}
   display="row"
   fullWidth={false}
+  hasChildLabel={true}
   hasEmptyLabelSpace={false}
   id="controlId"
   label="test control"
diff --git a/src/legacy/core_plugins/kbn_vislib_vis_types/public/components/options/metrics_axes/__snapshots__/y_extents.test.tsx.snap b/src/legacy/core_plugins/kbn_vislib_vis_types/public/components/options/metrics_axes/__snapshots__/y_extents.test.tsx.snap
index 3372e781a028a..de2b7f339ea2f 100644
--- a/src/legacy/core_plugins/kbn_vislib_vis_types/public/components/options/metrics_axes/__snapshots__/y_extents.test.tsx.snap
+++ b/src/legacy/core_plugins/kbn_vislib_vis_types/public/components/options/metrics_axes/__snapshots__/y_extents.test.tsx.snap
@@ -7,6 +7,7 @@ exports[`YExtents component should init with the default set of props 1`] = `
   display="row"
   error={Array []}
   fullWidth={true}
+  hasChildLabel={true}
   hasEmptyLabelSpace={false}
   isInvalid={false}
   labelType="label"
diff --git a/src/legacy/core_plugins/kibana/public/dashboard/listing/__snapshots__/dashboard_listing.test.js.snap b/src/legacy/core_plugins/kibana/public/dashboard/listing/__snapshots__/dashboard_listing.test.js.snap
index 89b8e2ac83ec1..e23102a0785fc 100644
--- a/src/legacy/core_plugins/kibana/public/dashboard/listing/__snapshots__/dashboard_listing.test.js.snap
+++ b/src/legacy/core_plugins/kibana/public/dashboard/listing/__snapshots__/dashboard_listing.test.js.snap
@@ -88,17 +88,15 @@ exports[`after fetch initialFilter 1`] = `
                 id="kbn.dashboard.listing.createNewDashboard.newToKibanaDescription"
                 values={
                   Object {
-                    "sampleDataInstallLink": <EuiLink
-                      color="primary"
+                    "sampleDataInstallLink": <ForwardRef
                       href="#/home/tutorial_directory/sampleData"
-                      type="button"
                     >
                       <FormattedMessage
                         defaultMessage="Install some sample data"
                         id="kbn.dashboard.listing.createNewDashboard.sampleDataInstallLinkText"
                         values={Object {}}
                       />
-                    </EuiLink>,
+                    </ForwardRef>,
                   }
                 }
               />
@@ -180,17 +178,15 @@ exports[`after fetch renders call to action when no dashboards exist 1`] = `
                 id="kbn.dashboard.listing.createNewDashboard.newToKibanaDescription"
                 values={
                   Object {
-                    "sampleDataInstallLink": <EuiLink
-                      color="primary"
+                    "sampleDataInstallLink": <ForwardRef
                       href="#/home/tutorial_directory/sampleData"
-                      type="button"
                     >
                       <FormattedMessage
                         defaultMessage="Install some sample data"
                         id="kbn.dashboard.listing.createNewDashboard.sampleDataInstallLinkText"
                         values={Object {}}
                       />
-                    </EuiLink>,
+                    </ForwardRef>,
                   }
                 }
               />
@@ -272,17 +268,15 @@ exports[`after fetch renders table rows 1`] = `
                 id="kbn.dashboard.listing.createNewDashboard.newToKibanaDescription"
                 values={
                   Object {
-                    "sampleDataInstallLink": <EuiLink
-                      color="primary"
+                    "sampleDataInstallLink": <ForwardRef
                       href="#/home/tutorial_directory/sampleData"
-                      type="button"
                     >
                       <FormattedMessage
                         defaultMessage="Install some sample data"
                         id="kbn.dashboard.listing.createNewDashboard.sampleDataInstallLinkText"
                         values={Object {}}
                       />
-                    </EuiLink>,
+                    </ForwardRef>,
                   }
                 }
               />
@@ -364,17 +358,15 @@ exports[`after fetch renders warning when listingLimit is exceeded 1`] = `
                 id="kbn.dashboard.listing.createNewDashboard.newToKibanaDescription"
                 values={
                   Object {
-                    "sampleDataInstallLink": <EuiLink
-                      color="primary"
+                    "sampleDataInstallLink": <ForwardRef
                       href="#/home/tutorial_directory/sampleData"
-                      type="button"
                     >
                       <FormattedMessage
                         defaultMessage="Install some sample data"
                         id="kbn.dashboard.listing.createNewDashboard.sampleDataInstallLinkText"
                         values={Object {}}
                       />
-                    </EuiLink>,
+                    </ForwardRef>,
                   }
                 }
               />
@@ -456,17 +448,15 @@ exports[`renders empty page in before initial fetch to avoid flickering 1`] = `
                 id="kbn.dashboard.listing.createNewDashboard.newToKibanaDescription"
                 values={
                   Object {
-                    "sampleDataInstallLink": <EuiLink
-                      color="primary"
+                    "sampleDataInstallLink": <ForwardRef
                       href="#/home/tutorial_directory/sampleData"
-                      type="button"
                     >
                       <FormattedMessage
                         defaultMessage="Install some sample data"
                         id="kbn.dashboard.listing.createNewDashboard.sampleDataInstallLinkText"
                         values={Object {}}
                       />
-                    </EuiLink>,
+                    </ForwardRef>,
                   }
                 }
               />
diff --git a/src/legacy/core_plugins/kibana/public/dashboard/top_nav/__snapshots__/save_modal.test.js.snap b/src/legacy/core_plugins/kibana/public/dashboard/top_nav/__snapshots__/save_modal.test.js.snap
index 258ef9cb7d70d..aac4cad804a02 100644
--- a/src/legacy/core_plugins/kibana/public/dashboard/top_nav/__snapshots__/save_modal.test.js.snap
+++ b/src/legacy/core_plugins/kibana/public/dashboard/top_nav/__snapshots__/save_modal.test.js.snap
@@ -11,6 +11,7 @@ exports[`renders DashboardSaveModal 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormattedMessage
@@ -33,6 +34,7 @@ exports[`renders DashboardSaveModal 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={
           <FormattedMessage
diff --git a/src/legacy/core_plugins/kibana/public/home/components/__snapshots__/add_data.test.js.snap b/src/legacy/core_plugins/kibana/public/home/components/__snapshots__/add_data.test.js.snap
index fde7aba8ac965..ec0162b838b84 100644
--- a/src/legacy/core_plugins/kibana/public/home/components/__snapshots__/add_data.test.js.snap
+++ b/src/legacy/core_plugins/kibana/public/home/components/__snapshots__/add_data.test.js.snap
@@ -209,7 +209,6 @@ exports[`apmUiEnabled 1`] = `
           />
         </strong>
         <EuiLink
-          color="primary"
           href="#/home/tutorial_directory/sampleData"
           style={
             Object {
@@ -217,7 +216,6 @@ exports[`apmUiEnabled 1`] = `
               "textAlign": "center",
             }
           }
-          type="button"
         >
           <FormattedMessage
             defaultMessage="Load a data set and a Kibana dashboard"
@@ -247,7 +245,6 @@ exports[`apmUiEnabled 1`] = `
           />
         </strong>
         <EuiLink
-          color="primary"
           href="#/management/kibana/index_pattern"
           style={
             Object {
@@ -255,7 +252,6 @@ exports[`apmUiEnabled 1`] = `
               "textAlign": "center",
             }
           }
-          type="button"
         >
           <FormattedMessage
             defaultMessage="Connect to your Elasticsearch index"
@@ -441,7 +437,6 @@ exports[`isNewKibanaInstance 1`] = `
           />
         </strong>
         <EuiLink
-          color="primary"
           href="#/home/tutorial_directory/sampleData"
           style={
             Object {
@@ -449,7 +444,6 @@ exports[`isNewKibanaInstance 1`] = `
               "textAlign": "center",
             }
           }
-          type="button"
         >
           <FormattedMessage
             defaultMessage="Load a data set and a Kibana dashboard"
@@ -479,7 +473,6 @@ exports[`isNewKibanaInstance 1`] = `
           />
         </strong>
         <EuiLink
-          color="primary"
           href="#/management/kibana/index_pattern"
           style={
             Object {
@@ -487,7 +480,6 @@ exports[`isNewKibanaInstance 1`] = `
               "textAlign": "center",
             }
           }
-          type="button"
         >
           <FormattedMessage
             defaultMessage="Connect to your Elasticsearch index"
@@ -710,7 +702,6 @@ exports[`mlEnabled 1`] = `
           />
         </strong>
         <EuiLink
-          color="primary"
           href="#/home/tutorial_directory/sampleData"
           style={
             Object {
@@ -718,7 +709,6 @@ exports[`mlEnabled 1`] = `
               "textAlign": "center",
             }
           }
-          type="button"
         >
           <FormattedMessage
             defaultMessage="Load a data set and a Kibana dashboard"
@@ -748,7 +738,6 @@ exports[`mlEnabled 1`] = `
           />
         </strong>
         <EuiLink
-          color="primary"
           href="path/app/ml#/filedatavisualizer"
           style={
             Object {
@@ -756,7 +745,6 @@ exports[`mlEnabled 1`] = `
               "textAlign": "center",
             }
           }
-          type="button"
         >
           <FormattedMessage
             defaultMessage="Import a CSV, NDJSON, or log file"
@@ -786,7 +774,6 @@ exports[`mlEnabled 1`] = `
           />
         </strong>
         <EuiLink
-          color="primary"
           href="#/management/kibana/index_pattern"
           style={
             Object {
@@ -794,7 +781,6 @@ exports[`mlEnabled 1`] = `
               "textAlign": "center",
             }
           }
-          type="button"
         >
           <FormattedMessage
             defaultMessage="Connect to your Elasticsearch index"
@@ -980,7 +966,6 @@ exports[`render 1`] = `
           />
         </strong>
         <EuiLink
-          color="primary"
           href="#/home/tutorial_directory/sampleData"
           style={
             Object {
@@ -988,7 +973,6 @@ exports[`render 1`] = `
               "textAlign": "center",
             }
           }
-          type="button"
         >
           <FormattedMessage
             defaultMessage="Load a data set and a Kibana dashboard"
@@ -1018,7 +1002,6 @@ exports[`render 1`] = `
           />
         </strong>
         <EuiLink
-          color="primary"
           href="#/management/kibana/index_pattern"
           style={
             Object {
@@ -1026,7 +1009,6 @@ exports[`render 1`] = `
               "textAlign": "center",
             }
           }
-          type="button"
         >
           <FormattedMessage
             defaultMessage="Connect to your Elasticsearch index"
diff --git a/src/legacy/core_plugins/kibana/public/home/components/__snapshots__/home.test.js.snap b/src/legacy/core_plugins/kibana/public/home/components/__snapshots__/home.test.js.snap
index 4839dfbd0ea3f..fcf60a6009b29 100644
--- a/src/legacy/core_plugins/kibana/public/home/components/__snapshots__/home.test.js.snap
+++ b/src/legacy/core_plugins/kibana/public/home/components/__snapshots__/home.test.js.snap
@@ -6,6 +6,7 @@ exports[`home directories should not render directory entry when showOnHomePage
 >
   <EuiPageBody
     className="eui-displayBlock"
+    component="main"
     restrictWidth={false}
   >
     <EuiScreenReaderOnly>
@@ -120,6 +121,7 @@ exports[`home directories should render ADMIN directory entry in "Manage" panel
 >
   <EuiPageBody
     className="eui-displayBlock"
+    component="main"
     restrictWidth={false}
   >
     <EuiScreenReaderOnly>
@@ -247,6 +249,7 @@ exports[`home directories should render DATA directory entry in "Explore Data" p
 >
   <EuiPageBody
     className="eui-displayBlock"
+    component="main"
     restrictWidth={false}
   >
     <EuiScreenReaderOnly>
@@ -374,6 +377,7 @@ exports[`home isNewKibanaInstance should safely handle execeptions 1`] = `
 >
   <EuiPageBody
     className="eui-displayBlock"
+    component="main"
     restrictWidth={false}
   >
     <EuiScreenReaderOnly>
@@ -488,6 +492,7 @@ exports[`home isNewKibanaInstance should set isNewKibanaInstance to false when t
 >
   <EuiPageBody
     className="eui-displayBlock"
+    component="main"
     restrictWidth={false}
   >
     <EuiScreenReaderOnly>
@@ -602,6 +607,7 @@ exports[`home isNewKibanaInstance should set isNewKibanaInstance to true when th
 >
   <EuiPageBody
     className="eui-displayBlock"
+    component="main"
     restrictWidth={false}
   >
     <EuiScreenReaderOnly>
@@ -716,6 +722,7 @@ exports[`home should render home component 1`] = `
 >
   <EuiPageBody
     className="eui-displayBlock"
+    component="main"
     restrictWidth={false}
   >
     <EuiScreenReaderOnly>
@@ -830,6 +837,7 @@ exports[`home welcome should show the normal home page if loading fails 1`] = `
 >
   <EuiPageBody
     className="eui-displayBlock"
+    component="main"
     restrictWidth={false}
   >
     <EuiScreenReaderOnly>
@@ -944,6 +952,7 @@ exports[`home welcome should show the normal home page if welcome screen is disa
 >
   <EuiPageBody
     className="eui-displayBlock"
+    component="main"
     restrictWidth={false}
   >
     <EuiScreenReaderOnly>
@@ -1068,6 +1077,7 @@ exports[`home welcome stores skip welcome setting if skipped 1`] = `
 >
   <EuiPageBody
     className="eui-displayBlock"
+    component="main"
     restrictWidth={false}
   >
     <EuiScreenReaderOnly>
diff --git a/src/legacy/core_plugins/kibana/public/home/components/__snapshots__/recently_accessed.test.js.snap b/src/legacy/core_plugins/kibana/public/home/components/__snapshots__/recently_accessed.test.js.snap
index 1a38c494cf5e2..5fa1305a9c7e1 100644
--- a/src/legacy/core_plugins/kibana/public/home/components/__snapshots__/recently_accessed.test.js.snap
+++ b/src/legacy/core_plugins/kibana/public/home/components/__snapshots__/recently_accessed.test.js.snap
@@ -49,9 +49,7 @@ exports[`render 1`] = `
           >
             <EuiLink
               className="homRecentlyAccessed__longLink"
-              color="primary"
               href="link0"
-              type="button"
             >
               label0
             </EuiLink>
@@ -85,9 +83,7 @@ exports[`render 1`] = `
           >
             <EuiLink
               className="homRecentlyAccessed__longLink"
-              color="primary"
               href="link1"
-              type="button"
             >
               label1
             </EuiLink>
diff --git a/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/tutorial.test.js.snap b/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/tutorial.test.js.snap
index 8bb27a94c0964..db286fb4d2fee 100644
--- a/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/tutorial.test.js.snap
+++ b/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/tutorial.test.js.snap
@@ -5,6 +5,7 @@ exports[`isCloudEnabled is false should not render instruction toggle when ON_PR
   restrictWidth={1200}
 >
   <EuiPageBody
+    component="main"
     restrictWidth={false}
   >
     <div>
@@ -53,6 +54,7 @@ exports[`isCloudEnabled is false should render ON_PREM instructions with instruc
   restrictWidth={1200}
 >
   <EuiPageBody
+    component="main"
     restrictWidth={false}
   >
     <div>
@@ -128,6 +130,7 @@ exports[`should render ELASTIC_CLOUD instructions when isCloudEnabled is true 1`
   restrictWidth={1200}
 >
   <EuiPageBody
+    component="main"
     restrictWidth={false}
   >
     <div>
diff --git a/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/create_index_pattern_wizard/components/empty_state/__jest__/__snapshots__/empty_state.test.js.snap b/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/create_index_pattern_wizard/components/empty_state/__jest__/__snapshots__/empty_state.test.js.snap
index fb06abb9c7f04..2e68efb5cce39 100644
--- a/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/create_index_pattern_wizard/components/empty_state/__jest__/__snapshots__/empty_state.test.js.snap
+++ b/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/create_index_pattern_wizard/components/empty_state/__jest__/__snapshots__/empty_state.test.js.snap
@@ -18,28 +18,24 @@ exports[`EmptyState should render normally 1`] = `
         id="kbn.management.createIndexPattern.emptyStateLabel.emptyStateDetail"
         values={
           Object {
-            "getStartedLink": <EuiLink
-              color="primary"
+            "getStartedLink": <ForwardRef
               href="#/home/tutorial_directory/sampleData"
-              type="button"
             >
               <FormattedMessage
                 defaultMessage="get started with some sample data sets."
                 id="kbn.management.createIndexPattern.emptyStateLabel.getStartedLink"
                 values={Object {}}
               />
-            </EuiLink>,
-            "learnHowLink": <EuiLink
-              color="primary"
+            </ForwardRef>,
+            "learnHowLink": <ForwardRef
               href="#/home/tutorial_directory"
-              type="button"
             >
               <FormattedMessage
                 defaultMessage="Learn how"
                 id="kbn.management.createIndexPattern.emptyStateLabel.learnHowLink"
                 values={Object {}}
               />
-            </EuiLink>,
+            </ForwardRef>,
             "needToIndex": <EuiTextColor
               color="subdued"
             >
diff --git a/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/create_index_pattern_wizard/components/step_index_pattern/components/header/__jest__/__snapshots__/header.test.js.snap b/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/create_index_pattern_wizard/components/step_index_pattern/components/header/__jest__/__snapshots__/header.test.js.snap
index f803f4a10cbb8..11c41425a0bb5 100644
--- a/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/create_index_pattern_wizard/components/step_index_pattern/components/header/__jest__/__snapshots__/header.test.js.snap
+++ b/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/create_index_pattern_wizard/components/step_index_pattern/components/header/__jest__/__snapshots__/header.test.js.snap
@@ -35,6 +35,7 @@ exports[`Header should mark the input as invalid 1`] = `
             ]
           }
           fullWidth={false}
+          hasChildLabel={true}
           hasEmptyLabelSpace={false}
           helpText={
             <div>
@@ -141,6 +142,7 @@ exports[`Header should render normally 1`] = `
           display="row"
           error={Array []}
           fullWidth={false}
+          hasChildLabel={true}
           hasEmptyLabelSpace={false}
           helpText={
             <div>
diff --git a/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/create_index_pattern_wizard/components/step_time_field/components/time_field/__jest__/__snapshots__/time_field.test.js.snap b/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/create_index_pattern_wizard/components/step_time_field/components/time_field/__jest__/__snapshots__/time_field.test.js.snap
index 0ec74db5a0152..7192e823c714d 100644
--- a/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/create_index_pattern_wizard/components/step_time_field/components/time_field/__jest__/__snapshots__/time_field.test.js.snap
+++ b/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/create_index_pattern_wizard/components/step_time_field/components/time_field/__jest__/__snapshots__/time_field.test.js.snap
@@ -6,6 +6,7 @@ exports[`TimeField should render a loading state 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
       <div>
@@ -80,6 +81,7 @@ exports[`TimeField should render a selected time field 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
       <div>
@@ -119,18 +121,16 @@ exports[`TimeField should render a selected time field 1`] = `
         <EuiFlexItem
           grow={false}
         >
-          <EuiLink
+          <ForwardRef
             className="timeFieldRefreshButton"
-            color="primary"
             onClick={[Function]}
-            type="button"
           >
             <FormattedMessage
               defaultMessage="Refresh"
               id="kbn.management.createIndexPattern.stepTime.refreshButton"
               values={Object {}}
             />
-          </EuiLink>
+          </ForwardRef>
         </EuiFlexItem>
       </ForwardRef>
     }
@@ -165,6 +165,7 @@ exports[`TimeField should render normally 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
       <div>
@@ -204,18 +205,16 @@ exports[`TimeField should render normally 1`] = `
         <EuiFlexItem
           grow={false}
         >
-          <EuiLink
+          <ForwardRef
             className="timeFieldRefreshButton"
-            color="primary"
             onClick={[Function]}
-            type="button"
           >
             <FormattedMessage
               defaultMessage="Refresh"
               id="kbn.management.createIndexPattern.stepTime.refreshButton"
               values={Object {}}
             />
-          </EuiLink>
+          </ForwardRef>
         </EuiFlexItem>
       </ForwardRef>
     }
diff --git a/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/scripted_fields_table/components/call_outs/__jest__/__snapshots__/call_outs.test.js.snap b/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/scripted_fields_table/components/call_outs/__jest__/__snapshots__/call_outs.test.js.snap
index 24b03f1a2045a..e6f0d6cd819e3 100644
--- a/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/scripted_fields_table/components/call_outs/__jest__/__snapshots__/call_outs.test.js.snap
+++ b/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/scripted_fields_table/components/call_outs/__jest__/__snapshots__/call_outs.test.js.snap
@@ -20,17 +20,15 @@ exports[`CallOuts should render normally 1`] = `
         values={
           Object {
             "deprecatedLangsInUse": "php",
-            "link": <EuiLink
-              color="primary"
+            "link": <ForwardRef
               href="http://www.elastic.co/painlessDocs"
-              type="button"
             >
               <FormattedMessage
                 defaultMessage="Painless"
                 id="kbn.management.editIndexPattern.scripted.deprecationLangLabel.painlessDescription"
                 values={Object {}}
               />
-            </EuiLink>,
+            </ForwardRef>,
           }
         }
       />
diff --git a/src/legacy/core_plugins/kibana/public/management/sections/objects/components/objects_table/__jest__/__snapshots__/objects_table.test.js.snap b/src/legacy/core_plugins/kibana/public/management/sections/objects/components/objects_table/__jest__/__snapshots__/objects_table.test.js.snap
index fc58ea51688ed..843c8207c88c3 100644
--- a/src/legacy/core_plugins/kibana/public/management/sections/objects/components/objects_table/__jest__/__snapshots__/objects_table.test.js.snap
+++ b/src/legacy/core_plugins/kibana/public/management/sections/objects/components/objects_table/__jest__/__snapshots__/objects_table.test.js.snap
@@ -99,6 +99,7 @@ exports[`ObjectsTable export should allow the user to choose when exporting all
       describedByIds={Array []}
       display="row"
       fullWidth={false}
+      hasChildLabel={true}
       hasEmptyLabelSpace={false}
       label={
         <FormattedMessage
diff --git a/src/legacy/core_plugins/kibana/public/management/sections/objects/components/objects_table/components/flyout/__jest__/__snapshots__/flyout.test.js.snap b/src/legacy/core_plugins/kibana/public/management/sections/objects/components/objects_table/components/flyout/__jest__/__snapshots__/flyout.test.js.snap
index daa31f34671cb..6f48f0d0eb2f1 100644
--- a/src/legacy/core_plugins/kibana/public/management/sections/objects/components/objects_table/components/flyout/__jest__/__snapshots__/flyout.test.js.snap
+++ b/src/legacy/core_plugins/kibana/public/management/sections/objects/components/objects_table/components/flyout/__jest__/__snapshots__/flyout.test.js.snap
@@ -46,17 +46,15 @@ exports[`Flyout conflicts should allow conflict resolution 1`] = `
             id="kbn.management.objects.objectsTable.flyout.indexPatternConflictsDescription"
             values={
               Object {
-                "indexPatternLink": <EuiLink
-                  color="primary"
+                "indexPatternLink": <ForwardRef
                   href=""
-                  type="button"
                 >
                   <FormattedMessage
                     defaultMessage="create a new index pattern"
                     id="kbn.management.objects.objectsTable.flyout.indexPatternConflictsCalloutLinkText"
                     values={Object {}}
                   />
-                </EuiLink>,
+                </ForwardRef>,
               }
             }
           />
@@ -365,17 +363,15 @@ exports[`Flyout legacy conflicts should allow conflict resolution 1`] = `
             id="kbn.management.objects.objectsTable.flyout.indexPatternConflictsDescription"
             values={
               Object {
-                "indexPatternLink": <EuiLink
-                  color="primary"
+                "indexPatternLink": <ForwardRef
                   href=""
-                  type="button"
                 >
                   <FormattedMessage
                     defaultMessage="create a new index pattern"
                     id="kbn.management.objects.objectsTable.flyout.indexPatternConflictsCalloutLinkText"
                     values={Object {}}
                   />
-                </EuiLink>,
+                </ForwardRef>,
               }
             }
           />
@@ -528,17 +524,15 @@ Array [
         id="kbn.management.objects.objectsTable.flyout.indexPatternConflictsDescription"
         values={
           Object {
-            "indexPatternLink": <EuiLink
-              color="primary"
+            "indexPatternLink": <ForwardRef
               href=""
-              type="button"
             >
               <FormattedMessage
                 defaultMessage="create a new index pattern"
                 id="kbn.management.objects.objectsTable.flyout.indexPatternConflictsCalloutLinkText"
                 values={Object {}}
               />
-            </EuiLink>,
+            </ForwardRef>,
           }
         }
       />
@@ -591,6 +585,7 @@ exports[`Flyout should render import step 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormattedMessage
@@ -618,6 +613,7 @@ exports[`Flyout should render import step 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         labelType="label"
       >
diff --git a/src/legacy/core_plugins/kibana/public/management/sections/objects/components/objects_table/components/table/__jest__/__snapshots__/table.test.js.snap b/src/legacy/core_plugins/kibana/public/management/sections/objects/components/objects_table/components/table/__jest__/__snapshots__/table.test.js.snap
index a648e93a6af11..daac04d07da28 100644
--- a/src/legacy/core_plugins/kibana/public/management/sections/objects/components/objects_table/components/table/__jest__/__snapshots__/table.test.js.snap
+++ b/src/legacy/core_plugins/kibana/public/management/sections/objects/components/objects_table/components/table/__jest__/__snapshots__/table.test.js.snap
@@ -67,6 +67,7 @@ exports[`Table prevents saved objects from being deleted 1`] = `
             describedByIds={Array []}
             display="row"
             fullWidth={false}
+            hasChildLabel={true}
             hasEmptyLabelSpace={false}
             label={
               <FormattedMessage
@@ -94,6 +95,7 @@ exports[`Table prevents saved objects from being deleted 1`] = `
             describedByIds={Array []}
             display="row"
             fullWidth={false}
+            hasChildLabel={true}
             hasEmptyLabelSpace={false}
             labelType="label"
           >
@@ -272,6 +274,7 @@ exports[`Table should render normally 1`] = `
             describedByIds={Array []}
             display="row"
             fullWidth={false}
+            hasChildLabel={true}
             hasEmptyLabelSpace={false}
             label={
               <FormattedMessage
@@ -299,6 +302,7 @@ exports[`Table should render normally 1`] = `
             describedByIds={Array []}
             display="row"
             fullWidth={false}
+            hasChildLabel={true}
             hasEmptyLabelSpace={false}
             labelType="label"
           >
diff --git a/src/legacy/core_plugins/kibana/public/management/sections/settings/components/field/__snapshots__/field.test.js.snap b/src/legacy/core_plugins/kibana/public/management/sections/settings/components/field/__snapshots__/field.test.js.snap
index eb8454f64e7ba..08a8cf3898e94 100644
--- a/src/legacy/core_plugins/kibana/public/management/sections/settings/components/field/__snapshots__/field.test.js.snap
+++ b/src/legacy/core_plugins/kibana/public/management/sections/settings/components/field/__snapshots__/field.test.js.snap
@@ -41,6 +41,7 @@ exports[`Field for array setting should render as read only if saving is disable
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={null}
         isInvalid={false}
@@ -130,6 +131,7 @@ exports[`Field for array setting should render as read only with help text if ov
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={
           <EuiText
@@ -218,6 +220,7 @@ exports[`Field for array setting should render custom setting icon if it is cust
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={null}
         isInvalid={false}
@@ -285,6 +288,7 @@ exports[`Field for array setting should render default value if there is no user
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={null}
         isInvalid={false}
@@ -374,23 +378,22 @@ exports[`Field for array setting should render user value if there is user value
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={
           <span>
             <span>
-              <EuiLink
+              <ForwardRef
                 aria-label="Reset array test setting to default"
-                color="primary"
                 data-test-subj="advancedSetting-resetField-array:test:setting"
                 onClick={[Function]}
-                type="button"
               >
                 <FormattedMessage
                   defaultMessage="Reset to default"
                   id="kbn.management.settings.field.resetToDefaultLinkText"
                   values={Object {}}
                 />
-              </EuiLink>
+              </ForwardRef>
                  
             </span>
           </span>
@@ -460,6 +463,7 @@ exports[`Field for boolean setting should render as read only if saving is disab
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={null}
         isInvalid={false}
@@ -553,6 +557,7 @@ exports[`Field for boolean setting should render as read only with help text if
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={
           <EuiText
@@ -645,6 +650,7 @@ exports[`Field for boolean setting should render custom setting icon if it is cu
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={null}
         isInvalid={false}
@@ -716,6 +722,7 @@ exports[`Field for boolean setting should render default value if there is no us
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={null}
         isInvalid={false}
@@ -809,23 +816,22 @@ exports[`Field for boolean setting should render user value if there is user val
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={
           <span>
             <span>
-              <EuiLink
+              <ForwardRef
                 aria-label="Reset boolean test setting to default"
-                color="primary"
                 data-test-subj="advancedSetting-resetField-boolean:test:setting"
                 onClick={[Function]}
-                type="button"
               >
                 <FormattedMessage
                   defaultMessage="Reset to default"
                   id="kbn.management.settings.field.resetToDefaultLinkText"
                   values={Object {}}
                 />
-              </EuiLink>
+              </ForwardRef>
                  
             </span>
           </span>
@@ -899,6 +905,7 @@ exports[`Field for image setting should render as read only if saving is disable
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={null}
         isInvalid={false}
@@ -987,6 +994,7 @@ exports[`Field for image setting should render as read only with help text if ov
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={
           <EuiText
@@ -1070,6 +1078,7 @@ exports[`Field for image setting should render custom setting icon if it is cust
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={null}
         isInvalid={false}
@@ -1136,6 +1145,7 @@ exports[`Field for image setting should render default value if there is no user
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={null}
         isInvalid={false}
@@ -1224,39 +1234,36 @@ exports[`Field for image setting should render user value if there is user value
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={
           <span>
             <span>
-              <EuiLink
+              <ForwardRef
                 aria-label="Reset image test setting to default"
-                color="primary"
                 data-test-subj="advancedSetting-resetField-image:test:setting"
                 onClick={[Function]}
-                type="button"
               >
                 <FormattedMessage
                   defaultMessage="Reset to default"
                   id="kbn.management.settings.field.resetToDefaultLinkText"
                   values={Object {}}
                 />
-              </EuiLink>
+              </ForwardRef>
                  
             </span>
             <span>
-              <EuiLink
+              <ForwardRef
                 aria-label="Change image test setting"
-                color="primary"
                 data-test-subj="advancedSetting-changeImage-image:test:setting"
                 onClick={[Function]}
-                type="button"
               >
                 <FormattedMessage
                   defaultMessage="Change image"
                   id="kbn.management.settings.field.changeImageLinkText"
                   values={Object {}}
                 />
-              </EuiLink>
+              </ForwardRef>
             </span>
           </span>
         }
@@ -1346,6 +1353,7 @@ exports[`Field for json setting should render as read only if saving is disabled
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={null}
         isInvalid={false}
@@ -1456,6 +1464,7 @@ exports[`Field for json setting should render as read only with help text if ove
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={
           <EuiText
@@ -1561,6 +1570,7 @@ exports[`Field for json setting should render custom setting icon if it is custo
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={null}
         isInvalid={false}
@@ -1671,23 +1681,22 @@ exports[`Field for json setting should render default value if there is no user
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={
           <span>
             <span>
-              <EuiLink
+              <ForwardRef
                 aria-label="Reset json test setting to default"
-                color="primary"
                 data-test-subj="advancedSetting-resetField-json:test:setting"
                 onClick={[Function]}
-                type="button"
               >
                 <FormattedMessage
                   defaultMessage="Reset to default"
                   id="kbn.management.settings.field.resetToDefaultLinkText"
                   values={Object {}}
                 />
-              </EuiLink>
+              </ForwardRef>
                  
             </span>
           </span>
@@ -1800,23 +1809,22 @@ exports[`Field for json setting should render user value if there is user value
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={
           <span>
             <span>
-              <EuiLink
+              <ForwardRef
                 aria-label="Reset json test setting to default"
-                color="primary"
                 data-test-subj="advancedSetting-resetField-json:test:setting"
                 onClick={[Function]}
-                type="button"
               >
                 <FormattedMessage
                   defaultMessage="Reset to default"
                   id="kbn.management.settings.field.resetToDefaultLinkText"
                   values={Object {}}
                 />
-              </EuiLink>
+              </ForwardRef>
                  
             </span>
           </span>
@@ -1903,6 +1911,7 @@ exports[`Field for markdown setting should render as read only if saving is disa
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={null}
         isInvalid={false}
@@ -2009,6 +2018,7 @@ exports[`Field for markdown setting should render as read only with help text if
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={
           <EuiText
@@ -2114,6 +2124,7 @@ exports[`Field for markdown setting should render custom setting icon if it is c
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={null}
         isInvalid={false}
@@ -2198,6 +2209,7 @@ exports[`Field for markdown setting should render default value if there is no u
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={null}
         isInvalid={false}
@@ -2304,23 +2316,22 @@ exports[`Field for markdown setting should render user value if there is user va
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={
           <span>
             <span>
-              <EuiLink
+              <ForwardRef
                 aria-label="Reset markdown test setting to default"
-                color="primary"
                 data-test-subj="advancedSetting-resetField-markdown:test:setting"
                 onClick={[Function]}
-                type="button"
               >
                 <FormattedMessage
                   defaultMessage="Reset to default"
                   id="kbn.management.settings.field.resetToDefaultLinkText"
                   values={Object {}}
                 />
-              </EuiLink>
+              </ForwardRef>
                  
             </span>
           </span>
@@ -2407,6 +2418,7 @@ exports[`Field for number setting should render as read only if saving is disabl
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={null}
         isInvalid={false}
@@ -2496,6 +2508,7 @@ exports[`Field for number setting should render as read only with help text if o
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={
           <EuiText
@@ -2584,6 +2597,7 @@ exports[`Field for number setting should render custom setting icon if it is cus
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={null}
         isInvalid={false}
@@ -2651,6 +2665,7 @@ exports[`Field for number setting should render default value if there is no use
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={null}
         isInvalid={false}
@@ -2740,23 +2755,22 @@ exports[`Field for number setting should render user value if there is user valu
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={
           <span>
             <span>
-              <EuiLink
+              <ForwardRef
                 aria-label="Reset number test setting to default"
-                color="primary"
                 data-test-subj="advancedSetting-resetField-number:test:setting"
                 onClick={[Function]}
-                type="button"
               >
                 <FormattedMessage
                   defaultMessage="Reset to default"
                   id="kbn.management.settings.field.resetToDefaultLinkText"
                   values={Object {}}
                 />
-              </EuiLink>
+              </ForwardRef>
                  
             </span>
           </span>
@@ -2826,6 +2840,7 @@ exports[`Field for select setting should render as read only if saving is disabl
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={null}
         isInvalid={false}
@@ -2932,6 +2947,7 @@ exports[`Field for select setting should render as read only with help text if o
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={
           <EuiText
@@ -3037,6 +3053,7 @@ exports[`Field for select setting should render custom setting icon if it is cus
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={null}
         isInvalid={false}
@@ -3121,6 +3138,7 @@ exports[`Field for select setting should render default value if there is no use
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={null}
         isInvalid={false}
@@ -3227,23 +3245,22 @@ exports[`Field for select setting should render user value if there is user valu
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={
           <span>
             <span>
-              <EuiLink
+              <ForwardRef
                 aria-label="Reset select test setting to default"
-                color="primary"
                 data-test-subj="advancedSetting-resetField-select:test:setting"
                 onClick={[Function]}
-                type="button"
               >
                 <FormattedMessage
                   defaultMessage="Reset to default"
                   id="kbn.management.settings.field.resetToDefaultLinkText"
                   values={Object {}}
                 />
-              </EuiLink>
+              </ForwardRef>
                  
             </span>
           </span>
@@ -3330,6 +3347,7 @@ exports[`Field for string setting should render as read only if saving is disabl
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={null}
         isInvalid={false}
@@ -3419,6 +3437,7 @@ exports[`Field for string setting should render as read only with help text if o
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={
           <EuiText
@@ -3507,6 +3526,7 @@ exports[`Field for string setting should render custom setting icon if it is cus
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={null}
         isInvalid={false}
@@ -3574,6 +3594,7 @@ exports[`Field for string setting should render default value if there is no use
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={null}
         isInvalid={false}
@@ -3663,23 +3684,22 @@ exports[`Field for string setting should render user value if there is user valu
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={
           <span>
             <span>
-              <EuiLink
+              <ForwardRef
                 aria-label="Reset string test setting to default"
-                color="primary"
                 data-test-subj="advancedSetting-resetField-string:test:setting"
                 onClick={[Function]}
-                type="button"
               >
                 <FormattedMessage
                   defaultMessage="Reset to default"
                   id="kbn.management.settings.field.resetToDefaultLinkText"
                   values={Object {}}
                 />
-              </EuiLink>
+              </ForwardRef>
                  
             </span>
           </span>
@@ -3749,6 +3769,7 @@ exports[`Field for stringWithValidation setting should render as read only if sa
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={null}
         isInvalid={false}
@@ -3838,6 +3859,7 @@ exports[`Field for stringWithValidation setting should render as read only with
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={
           <EuiText
@@ -3926,6 +3948,7 @@ exports[`Field for stringWithValidation setting should render custom setting ico
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={null}
         isInvalid={false}
@@ -3993,6 +4016,7 @@ exports[`Field for stringWithValidation setting should render default value if t
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={null}
         isInvalid={false}
@@ -4082,23 +4106,22 @@ exports[`Field for stringWithValidation setting should render user value if ther
         display="row"
         error={null}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText={
           <span>
             <span>
-              <EuiLink
+              <ForwardRef
                 aria-label="Reset string test validation setting to default"
-                color="primary"
                 data-test-subj="advancedSetting-resetField-string:test-validation:setting"
                 onClick={[Function]}
-                type="button"
               >
                 <FormattedMessage
                   defaultMessage="Reset to default"
                   id="kbn.management.settings.field.resetToDefaultLinkText"
                   values={Object {}}
                 />
-              </EuiLink>
+              </ForwardRef>
                  
             </span>
           </span>
diff --git a/src/legacy/core_plugins/kibana/public/management/sections/settings/components/form/__snapshots__/form.test.js.snap b/src/legacy/core_plugins/kibana/public/management/sections/settings/components/form/__snapshots__/form.test.js.snap
index eae7a69a74a4f..4111b3d5fa2d3 100644
--- a/src/legacy/core_plugins/kibana/public/management/sections/settings/components/form/__snapshots__/form.test.js.snap
+++ b/src/legacy/core_plugins/kibana/public/management/sections/settings/components/form/__snapshots__/form.test.js.snap
@@ -12,17 +12,15 @@ exports[`Form should render no settings message when there are no settings 1`] =
       id="kbn.management.settings.form.noSearchResultText"
       values={
         Object {
-          "clearSearch": <EuiLink
-            color="primary"
+          "clearSearch": <ForwardRef
             onClick={[Function]}
-            type="button"
           >
             <FormattedMessage
               defaultMessage="(clear search)"
               id="kbn.management.settings.form.clearNoSearchResultText"
               values={Object {}}
             />
-          </EuiLink>,
+          </ForwardRef>,
         }
       }
     />
@@ -156,10 +154,8 @@ exports[`Form should render normally 1`] = `
                 id="kbn.management.settings.form.searchResultText"
                 values={
                   Object {
-                    "clearSearch": <EuiLink
-                      color="primary"
+                    "clearSearch": <ForwardRef
                       onClick={[Function]}
-                      type="button"
                     >
                       <em>
                         <FormattedMessage
@@ -168,7 +164,7 @@ exports[`Form should render normally 1`] = `
                           values={Object {}}
                         />
                       </em>
-                    </EuiLink>,
+                    </ForwardRef>,
                     "settingsCount": 9,
                   }
                 }
@@ -331,10 +327,8 @@ exports[`Form should render read-only when saving is disabled 1`] = `
                 id="kbn.management.settings.form.searchResultText"
                 values={
                   Object {
-                    "clearSearch": <EuiLink
-                      color="primary"
+                    "clearSearch": <ForwardRef
                       onClick={[Function]}
-                      type="button"
                     >
                       <em>
                         <FormattedMessage
@@ -343,7 +337,7 @@ exports[`Form should render read-only when saving is disabled 1`] = `
                           values={Object {}}
                         />
                       </em>
-                    </EuiLink>,
+                    </ForwardRef>,
                     "settingsCount": 9,
                   }
                 }
diff --git a/src/legacy/core_plugins/vis_type_timeseries/public/components/data_format_picker.js b/src/legacy/core_plugins/vis_type_timeseries/public/components/data_format_picker.js
index 570c931101cd6..7d13c488620ca 100644
--- a/src/legacy/core_plugins/vis_type_timeseries/public/components/data_format_picker.js
+++ b/src/legacy/core_plugins/vis_type_timeseries/public/components/data_format_picker.js
@@ -276,6 +276,7 @@ class DataFormatPickerUI extends Component {
               selectedOptions={selectedOption ? [selectedOption] : []}
               onChange={this.handleChange}
               singleSelection={{ asPlainText: true }}
+              data-test-subj="tsvbDataFormatPicker"
             />
           </EuiFormRow>
         </EuiFlexItem>
diff --git a/src/legacy/core_plugins/vis_type_timeseries/public/components/splits/__snapshots__/terms.test.js.snap b/src/legacy/core_plugins/vis_type_timeseries/public/components/splits/__snapshots__/terms.test.js.snap
index 7c97e69d20c6a..d46ddb497e426 100644
--- a/src/legacy/core_plugins/vis_type_timeseries/public/components/splits/__snapshots__/terms.test.js.snap
+++ b/src/legacy/core_plugins/vis_type_timeseries/public/components/splits/__snapshots__/terms.test.js.snap
@@ -8,6 +8,7 @@ exports[`src/legacy/core_plugins/metrics/public/components/splits/terms.test.js
         describedByIds={Array []}
         display="row"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         id="42"
         label={
@@ -29,6 +30,7 @@ exports[`src/legacy/core_plugins/metrics/public/components/splits/terms.test.js
         describedByIds={Array []}
         display="row"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         id="42"
         label={
@@ -72,6 +74,7 @@ exports[`src/legacy/core_plugins/metrics/public/components/splits/terms.test.js
         describedByIds={Array []}
         display="row"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         id="42"
         label={
@@ -96,6 +99,7 @@ exports[`src/legacy/core_plugins/metrics/public/components/splits/terms.test.js
         describedByIds={Array []}
         display="row"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         id="42"
         label={
@@ -122,6 +126,7 @@ exports[`src/legacy/core_plugins/metrics/public/components/splits/terms.test.js
         describedByIds={Array []}
         display="row"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         id="42"
         label={
@@ -147,6 +152,7 @@ exports[`src/legacy/core_plugins/metrics/public/components/splits/terms.test.js
         describedByIds={Array []}
         display="row"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         id="42"
         label={
@@ -183,6 +189,7 @@ exports[`src/legacy/core_plugins/metrics/public/components/splits/terms.test.js
         describedByIds={Array []}
         display="row"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         id="42"
         label={
diff --git a/src/legacy/ui/public/field_editor/components/field_format_editor/editors/bytes/__snapshots__/bytes.test.js.snap b/src/legacy/ui/public/field_editor/components/field_format_editor/editors/bytes/__snapshots__/bytes.test.js.snap
index bf5e8045d864c..8822ea32e80c9 100644
--- a/src/legacy/ui/public/field_editor/components/field_format_editor/editors/bytes/__snapshots__/bytes.test.js.snap
+++ b/src/legacy/ui/public/field_editor/components/field_format_editor/editors/bytes/__snapshots__/bytes.test.js.snap
@@ -7,14 +7,13 @@ exports[`BytesFormatEditor should render normally 1`] = `
     display="row"
     error={null}
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
       <span>
-        <EuiLink
-          color="primary"
+        <ForwardRef
           href="https://adamwdraper.github.io/Numeral-js/"
           target="_blank"
-          type="button"
         >
           <FormattedMessage
             defaultMessage="Documentation"
@@ -25,7 +24,7 @@ exports[`BytesFormatEditor should render normally 1`] = `
           <EuiIcon
             type="link"
           />
-        </EuiLink>
+        </ForwardRef>
       </span>
     }
     isInvalid={false}
diff --git a/src/legacy/ui/public/field_editor/components/field_format_editor/editors/date/__snapshots__/date.test.js.snap b/src/legacy/ui/public/field_editor/components/field_format_editor/editors/date/__snapshots__/date.test.js.snap
index b039a23ba70d5..259037517b1ad 100644
--- a/src/legacy/ui/public/field_editor/components/field_format_editor/editors/date/__snapshots__/date.test.js.snap
+++ b/src/legacy/ui/public/field_editor/components/field_format_editor/editors/date/__snapshots__/date.test.js.snap
@@ -7,14 +7,13 @@ exports[`DateFormatEditor should render normally 1`] = `
     display="row"
     error={null}
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
       <span>
-        <EuiLink
-          color="primary"
+        <ForwardRef
           href="https://momentjs.com/"
           target="_blank"
-          type="button"
         >
           <FormattedMessage
             defaultMessage="Documentation"
@@ -25,7 +24,7 @@ exports[`DateFormatEditor should render normally 1`] = `
           <EuiIcon
             type="link"
           />
-        </EuiLink>
+        </ForwardRef>
       </span>
     }
     isInvalid={false}
diff --git a/src/legacy/ui/public/field_editor/components/field_format_editor/editors/date_nanos/__snapshots__/date_nanos.test.js.snap b/src/legacy/ui/public/field_editor/components/field_format_editor/editors/date_nanos/__snapshots__/date_nanos.test.js.snap
index af8392751571d..3fea0a5f2fb0e 100644
--- a/src/legacy/ui/public/field_editor/components/field_format_editor/editors/date_nanos/__snapshots__/date_nanos.test.js.snap
+++ b/src/legacy/ui/public/field_editor/components/field_format_editor/editors/date_nanos/__snapshots__/date_nanos.test.js.snap
@@ -7,14 +7,13 @@ exports[`DateFormatEditor should render normally 1`] = `
     display="row"
     error={null}
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
       <span>
-        <EuiLink
-          color="primary"
+        <ForwardRef
           href="https://momentjs.com/"
           target="_blank"
-          type="button"
         >
           <FormattedMessage
             defaultMessage="Documentation"
@@ -25,7 +24,7 @@ exports[`DateFormatEditor should render normally 1`] = `
           <EuiIcon
             type="link"
           />
-        </EuiLink>
+        </ForwardRef>
       </span>
     }
     isInvalid={false}
diff --git a/src/legacy/ui/public/field_editor/components/field_format_editor/editors/duration/__snapshots__/duration.test.js.snap b/src/legacy/ui/public/field_editor/components/field_format_editor/editors/duration/__snapshots__/duration.test.js.snap
index 68d276d202830..1eb810ccec703 100644
--- a/src/legacy/ui/public/field_editor/components/field_format_editor/editors/duration/__snapshots__/duration.test.js.snap
+++ b/src/legacy/ui/public/field_editor/components/field_format_editor/editors/duration/__snapshots__/duration.test.js.snap
@@ -7,6 +7,7 @@ exports[`DurationFormatEditor should render human readable output normally 1`] =
     display="row"
     error={null}
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     isInvalid={false}
     label={
@@ -39,6 +40,7 @@ exports[`DurationFormatEditor should render human readable output normally 1`] =
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     isInvalid={false}
     label={
@@ -123,6 +125,7 @@ exports[`DurationFormatEditor should render non-human readable output normally 1
     display="row"
     error={null}
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     isInvalid={false}
     label={
@@ -155,6 +158,7 @@ exports[`DurationFormatEditor should render non-human readable output normally 1
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     isInvalid={false}
     label={
@@ -192,6 +196,7 @@ exports[`DurationFormatEditor should render non-human readable output normally 1
     display="row"
     error={null}
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     isInvalid={false}
     label={
diff --git a/src/legacy/ui/public/field_editor/components/field_format_editor/editors/number/__snapshots__/number.test.js.snap b/src/legacy/ui/public/field_editor/components/field_format_editor/editors/number/__snapshots__/number.test.js.snap
index 0fbaa15a232c9..20e3ee0dbeebb 100644
--- a/src/legacy/ui/public/field_editor/components/field_format_editor/editors/number/__snapshots__/number.test.js.snap
+++ b/src/legacy/ui/public/field_editor/components/field_format_editor/editors/number/__snapshots__/number.test.js.snap
@@ -7,14 +7,13 @@ exports[`NumberFormatEditor should render normally 1`] = `
     display="row"
     error={null}
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
       <span>
-        <EuiLink
-          color="primary"
+        <ForwardRef
           href="https://adamwdraper.github.io/Numeral-js/"
           target="_blank"
-          type="button"
         >
           <FormattedMessage
             defaultMessage="Documentation"
@@ -25,7 +24,7 @@ exports[`NumberFormatEditor should render normally 1`] = `
           <EuiIcon
             type="link"
           />
-        </EuiLink>
+        </ForwardRef>
       </span>
     }
     isInvalid={false}
diff --git a/src/legacy/ui/public/field_editor/components/field_format_editor/editors/percent/__snapshots__/percent.test.js.snap b/src/legacy/ui/public/field_editor/components/field_format_editor/editors/percent/__snapshots__/percent.test.js.snap
index 95a82a2e529f1..2c68611117d64 100644
--- a/src/legacy/ui/public/field_editor/components/field_format_editor/editors/percent/__snapshots__/percent.test.js.snap
+++ b/src/legacy/ui/public/field_editor/components/field_format_editor/editors/percent/__snapshots__/percent.test.js.snap
@@ -7,14 +7,13 @@ exports[`PercentFormatEditor should render normally 1`] = `
     display="row"
     error={null}
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
       <span>
-        <EuiLink
-          color="primary"
+        <ForwardRef
           href="https://adamwdraper.github.io/Numeral-js/"
           target="_blank"
-          type="button"
         >
           <FormattedMessage
             defaultMessage="Documentation"
@@ -25,7 +24,7 @@ exports[`PercentFormatEditor should render normally 1`] = `
           <EuiIcon
             type="link"
           />
-        </EuiLink>
+        </ForwardRef>
       </span>
     }
     isInvalid={false}
diff --git a/src/legacy/ui/public/field_editor/components/field_format_editor/editors/static_lookup/__snapshots__/static_lookup.test.js.snap b/src/legacy/ui/public/field_editor/components/field_format_editor/editors/static_lookup/__snapshots__/static_lookup.test.js.snap
index 075c81bf1baff..c8dd40b0efc33 100644
--- a/src/legacy/ui/public/field_editor/components/field_format_editor/editors/static_lookup/__snapshots__/static_lookup.test.js.snap
+++ b/src/legacy/ui/public/field_editor/components/field_format_editor/editors/static_lookup/__snapshots__/static_lookup.test.js.snap
@@ -73,6 +73,7 @@ exports[`StaticLookupFormatEditorComponent should render multiple lookup entries
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label={
       <FormattedMessage
@@ -165,6 +166,7 @@ exports[`StaticLookupFormatEditorComponent should render normally 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label={
       <FormattedMessage
diff --git a/src/legacy/ui/public/field_editor/components/field_format_editor/editors/string/__snapshots__/string.test.js.snap b/src/legacy/ui/public/field_editor/components/field_format_editor/editors/string/__snapshots__/string.test.js.snap
index 1912ff3ad0dc1..29c4033273ef9 100644
--- a/src/legacy/ui/public/field_editor/components/field_format_editor/editors/string/__snapshots__/string.test.js.snap
+++ b/src/legacy/ui/public/field_editor/components/field_format_editor/editors/string/__snapshots__/string.test.js.snap
@@ -7,6 +7,7 @@ exports[`StringFormatEditor should render normally 1`] = `
     display="row"
     error={null}
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     isInvalid={false}
     label={
diff --git a/src/legacy/ui/public/field_editor/components/field_format_editor/editors/truncate/__snapshots__/truncate.test.js.snap b/src/legacy/ui/public/field_editor/components/field_format_editor/editors/truncate/__snapshots__/truncate.test.js.snap
index 4e33a84f4c650..a2f922f26cc6c 100644
--- a/src/legacy/ui/public/field_editor/components/field_format_editor/editors/truncate/__snapshots__/truncate.test.js.snap
+++ b/src/legacy/ui/public/field_editor/components/field_format_editor/editors/truncate/__snapshots__/truncate.test.js.snap
@@ -7,6 +7,7 @@ exports[`TruncateFormatEditor should render normally 1`] = `
     display="row"
     error={null}
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     isInvalid={false}
     label={
diff --git a/src/legacy/ui/public/field_editor/components/field_format_editor/editors/url/__snapshots__/url.test.js.snap b/src/legacy/ui/public/field_editor/components/field_format_editor/editors/url/__snapshots__/url.test.js.snap
index 72d89bcc5d838..b81e5b242d024 100644
--- a/src/legacy/ui/public/field_editor/components/field_format_editor/editors/url/__snapshots__/url.test.js.snap
+++ b/src/legacy/ui/public/field_editor/components/field_format_editor/editors/url/__snapshots__/url.test.js.snap
@@ -14,6 +14,7 @@ exports[`UrlFormatEditor should render label template help 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label={
       <FormattedMessage
@@ -54,19 +55,18 @@ exports[`UrlFormatEditor should render label template help 1`] = `
     display="row"
     error={null}
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
-      <EuiLink
-        color="primary"
+      <ForwardRef
         onClick={[Function]}
-        type="button"
       >
         <FormattedMessage
           defaultMessage="URL template help"
           id="common.ui.fieldEditor.url.template.helpLinkText"
           values={Object {}}
         />
-      </EuiLink>
+      </ForwardRef>
     }
     isInvalid={false}
     label={
@@ -92,19 +92,18 @@ exports[`UrlFormatEditor should render label template help 1`] = `
     display="row"
     error={null}
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
-      <EuiLink
-        color="primary"
+      <ForwardRef
         onClick={[Function]}
-        type="button"
       >
         <FormattedMessage
           defaultMessage="Label template help"
           id="common.ui.fieldEditor.url.labelTemplateHelpText"
           values={Object {}}
         />
-      </EuiLink>
+      </ForwardRef>
     }
     isInvalid={false}
     label={
@@ -145,6 +144,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label={
       <FormattedMessage
@@ -185,19 +185,18 @@ exports[`UrlFormatEditor should render normally 1`] = `
     display="row"
     error={null}
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
-      <EuiLink
-        color="primary"
+      <ForwardRef
         onClick={[Function]}
-        type="button"
       >
         <FormattedMessage
           defaultMessage="URL template help"
           id="common.ui.fieldEditor.url.template.helpLinkText"
           values={Object {}}
         />
-      </EuiLink>
+      </ForwardRef>
     }
     isInvalid={false}
     label={
@@ -223,19 +222,18 @@ exports[`UrlFormatEditor should render normally 1`] = `
     display="row"
     error={null}
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
-      <EuiLink
-        color="primary"
+      <ForwardRef
         onClick={[Function]}
-        type="button"
       >
         <FormattedMessage
           defaultMessage="Label template help"
           id="common.ui.fieldEditor.url.labelTemplateHelpText"
           values={Object {}}
         />
-      </EuiLink>
+      </ForwardRef>
     }
     isInvalid={false}
     label={
@@ -276,6 +274,7 @@ exports[`UrlFormatEditor should render url template help 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label={
       <FormattedMessage
@@ -316,19 +315,18 @@ exports[`UrlFormatEditor should render url template help 1`] = `
     display="row"
     error={null}
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
-      <EuiLink
-        color="primary"
+      <ForwardRef
         onClick={[Function]}
-        type="button"
       >
         <FormattedMessage
           defaultMessage="URL template help"
           id="common.ui.fieldEditor.url.template.helpLinkText"
           values={Object {}}
         />
-      </EuiLink>
+      </ForwardRef>
     }
     isInvalid={false}
     label={
@@ -354,19 +352,18 @@ exports[`UrlFormatEditor should render url template help 1`] = `
     display="row"
     error={null}
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
-      <EuiLink
-        color="primary"
+      <ForwardRef
         onClick={[Function]}
-        type="button"
       >
         <FormattedMessage
           defaultMessage="Label template help"
           id="common.ui.fieldEditor.url.labelTemplateHelpText"
           values={Object {}}
         />
-      </EuiLink>
+      </ForwardRef>
     }
     isInvalid={false}
     label={
@@ -407,6 +404,7 @@ exports[`UrlFormatEditor should render width and height fields if image 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label={
       <FormattedMessage
@@ -448,19 +446,18 @@ exports[`UrlFormatEditor should render width and height fields if image 1`] = `
     display="row"
     error={null}
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
-      <EuiLink
-        color="primary"
+      <ForwardRef
         onClick={[Function]}
-        type="button"
       >
         <FormattedMessage
           defaultMessage="URL template help"
           id="common.ui.fieldEditor.url.template.helpLinkText"
           values={Object {}}
         />
-      </EuiLink>
+      </ForwardRef>
     }
     isInvalid={false}
     label={
@@ -486,19 +483,18 @@ exports[`UrlFormatEditor should render width and height fields if image 1`] = `
     display="row"
     error={null}
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
-      <EuiLink
-        color="primary"
+      <ForwardRef
         onClick={[Function]}
-        type="button"
       >
         <FormattedMessage
           defaultMessage="Label template help"
           id="common.ui.fieldEditor.url.labelTemplateHelpText"
           values={Object {}}
         />
-      </EuiLink>
+      </ForwardRef>
     }
     isInvalid={false}
     label={
@@ -523,6 +519,7 @@ exports[`UrlFormatEditor should render width and height fields if image 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label={
       <FormattedMessage
@@ -546,6 +543,7 @@ exports[`UrlFormatEditor should render width and height fields if image 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label={
       <FormattedMessage
diff --git a/src/legacy/ui/public/field_editor/components/field_format_editor/samples/__snapshots__/samples.test.js.snap b/src/legacy/ui/public/field_editor/components/field_format_editor/samples/__snapshots__/samples.test.js.snap
index 326312d69f71b..25cbbb7c8684b 100644
--- a/src/legacy/ui/public/field_editor/components/field_format_editor/samples/__snapshots__/samples.test.js.snap
+++ b/src/legacy/ui/public/field_editor/components/field_format_editor/samples/__snapshots__/samples.test.js.snap
@@ -5,6 +5,7 @@ exports[`FormatEditorSamples should render normally 1`] = `
   describedByIds={Array []}
   display="row"
   fullWidth={false}
+  hasChildLabel={true}
   hasEmptyLabelSpace={false}
   label={
     <FormattedMessage
diff --git a/src/legacy/ui/public/field_editor/components/scripting_call_outs/__snapshots__/warning_call_out.test.js.snap b/src/legacy/ui/public/field_editor/components/scripting_call_outs/__snapshots__/warning_call_out.test.js.snap
index be4491d326114..f09ea05f6711a 100644
--- a/src/legacy/ui/public/field_editor/components/scripting_call_outs/__snapshots__/warning_call_out.test.js.snap
+++ b/src/legacy/ui/public/field_editor/components/scripting_call_outs/__snapshots__/warning_call_out.test.js.snap
@@ -19,11 +19,9 @@ exports[`ScriptingWarningCallOut should render normally 1`] = `
         id="common.ui.fieldEditor.warningCallOutLabel.callOutDetail"
         values={
           Object {
-            "scripFields": <EuiLink
-              color="primary"
+            "scripFields": <ForwardRef
               href="(docLink for scriptedFields.scriptFields)"
               target="_blank"
-              type="button"
             >
               <FormattedMessage
                 defaultMessage="script fields"
@@ -34,12 +32,10 @@ exports[`ScriptingWarningCallOut should render normally 1`] = `
               <EuiIcon
                 type="link"
               />
-            </EuiLink>,
-            "scriptsInAggregation": <EuiLink
-              color="primary"
+            </ForwardRef>,
+            "scriptsInAggregation": <ForwardRef
               href="(docLink for scriptedFields.scriptAggs)"
               target="_blank"
-              type="button"
             >
               <FormattedMessage
                 defaultMessage="scripts in aggregations"
@@ -50,7 +46,7 @@ exports[`ScriptingWarningCallOut should render normally 1`] = `
               <EuiIcon
                 type="link"
               />
-            </EuiLink>,
+            </ForwardRef>,
           }
         }
       />
diff --git a/src/legacy/ui/public/share/components/__snapshots__/url_panel_content.test.js.snap b/src/legacy/ui/public/share/components/__snapshots__/url_panel_content.test.js.snap
index ce86a777ea521..645b8c662c417 100644
--- a/src/legacy/ui/public/share/components/__snapshots__/url_panel_content.test.js.snap
+++ b/src/legacy/ui/public/share/components/__snapshots__/url_panel_content.test.js.snap
@@ -9,6 +9,7 @@ exports[`render 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
       <FormattedMessage
@@ -113,6 +114,7 @@ exports[`render 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     labelType="label"
   >
@@ -172,6 +174,7 @@ exports[`should enable saved object export option when objectId is provided 1`]
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label={
       <FormattedMessage
@@ -265,6 +268,7 @@ exports[`should enable saved object export option when objectId is provided 1`]
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     labelType="label"
   >
@@ -324,6 +328,7 @@ exports[`should hide short url section when allowShortUrl is false 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label={
       <FormattedMessage
diff --git a/src/legacy/ui/public/vis/editors/default/components/__snapshots__/agg_params.test.tsx.snap b/src/legacy/ui/public/vis/editors/default/components/__snapshots__/agg_params.test.tsx.snap
index 8307006898dc4..6a1e8607c9811 100644
--- a/src/legacy/ui/public/vis/editors/default/components/__snapshots__/agg_params.test.tsx.snap
+++ b/src/legacy/ui/public/vis/editors/default/components/__snapshots__/agg_params.test.tsx.snap
@@ -50,6 +50,7 @@ exports[`DefaultEditorAggParams component should init with the default set of pa
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     labelType="label"
   >
diff --git a/src/legacy/ui/public/vis/editors/default/controls/__snapshots__/size.test.tsx.snap b/src/legacy/ui/public/vis/editors/default/controls/__snapshots__/size.test.tsx.snap
index cbdf2cfd1f7da..024865ec733d6 100644
--- a/src/legacy/ui/public/vis/editors/default/controls/__snapshots__/size.test.tsx.snap
+++ b/src/legacy/ui/public/vis/editors/default/controls/__snapshots__/size.test.tsx.snap
@@ -6,6 +6,7 @@ exports[`SizeParamEditor should init with the default set of props 1`] = `
   describedByIds={Array []}
   display="row"
   fullWidth={true}
+  hasChildLabel={true}
   hasEmptyLabelSpace={false}
   isInvalid={false}
   label={
diff --git a/src/legacy/ui/public/vis/editors/default/controls/__snapshots__/top_aggregate.test.tsx.snap b/src/legacy/ui/public/vis/editors/default/controls/__snapshots__/top_aggregate.test.tsx.snap
index ea4d7e0fe115d..74c952dbf059f 100644
--- a/src/legacy/ui/public/vis/editors/default/controls/__snapshots__/top_aggregate.test.tsx.snap
+++ b/src/legacy/ui/public/vis/editors/default/controls/__snapshots__/top_aggregate.test.tsx.snap
@@ -6,6 +6,7 @@ exports[`TopAggregateParamEditor should init with the default set of props 1`] =
   describedByIds={Array []}
   display="row"
   fullWidth={true}
+  hasChildLabel={true}
   hasEmptyLabelSpace={false}
   isInvalid={false}
   label={
diff --git a/src/plugins/kibana_react/public/saved_objects/__snapshots__/saved_object_save_modal.test.tsx.snap b/src/plugins/kibana_react/public/saved_objects/__snapshots__/saved_object_save_modal.test.tsx.snap
index ad5e4f4c96bd2..3c0393b12febd 100644
--- a/src/plugins/kibana_react/public/saved_objects/__snapshots__/saved_object_save_modal.test.tsx.snap
+++ b/src/plugins/kibana_react/public/saved_objects/__snapshots__/saved_object_save_modal.test.tsx.snap
@@ -30,6 +30,7 @@ exports[`SavedObjectSaveModal should render matching snapshot 1`] = `
             describedByIds={Array []}
             display="row"
             fullWidth={true}
+            hasChildLabel={true}
             hasEmptyLabelSpace={false}
             label={
               <FormattedMessage
@@ -55,6 +56,7 @@ exports[`SavedObjectSaveModal should render matching snapshot 1`] = `
             describedByIds={Array []}
             display="row"
             fullWidth={true}
+            hasChildLabel={true}
             hasEmptyLabelSpace={false}
             label={
               <FormattedMessage
diff --git a/test/functional/page_objects/visual_builder_page.ts b/test/functional/page_objects/visual_builder_page.ts
index 68ecec63b1223..570511bee4bc5 100644
--- a/test/functional/page_objects/visual_builder_page.ts
+++ b/test/functional/page_objects/visual_builder_page.ts
@@ -250,7 +250,7 @@ export function VisualBuilderPageProvider({ getService, getPageObjects }: FtrPro
     public async changeDataFormatter(
       formatter: 'Bytes' | 'Number' | 'Percent' | 'Duration' | 'Custom'
     ) {
-      const formatterEl = await find.byCssSelector('[id$="row"] .euiComboBox');
+      const formatterEl = await testSubjects.find('tsvbDataFormatPicker');
       await comboBox.setElement(formatterEl, formatter, { clickWithMouse: true });
     }
 
diff --git a/test/interpreter_functional/plugins/kbn_tp_run_pipeline/package.json b/test/interpreter_functional/plugins/kbn_tp_run_pipeline/package.json
index df5a67b9cbb43..68641c2fd6b1f 100644
--- a/test/interpreter_functional/plugins/kbn_tp_run_pipeline/package.json
+++ b/test/interpreter_functional/plugins/kbn_tp_run_pipeline/package.json
@@ -7,7 +7,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@elastic/eui": "14.4.0",
+    "@elastic/eui": "14.5.0",
     "react": "^16.8.0",
     "react-dom": "^16.8.0"
   }
diff --git a/test/plugin_functional/plugins/kbn_tp_custom_visualizations/package.json b/test/plugin_functional/plugins/kbn_tp_custom_visualizations/package.json
index 090cfe3513e6c..a03849129192f 100644
--- a/test/plugin_functional/plugins/kbn_tp_custom_visualizations/package.json
+++ b/test/plugin_functional/plugins/kbn_tp_custom_visualizations/package.json
@@ -7,7 +7,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@elastic/eui": "14.4.0",
+    "@elastic/eui": "14.5.0",
     "react": "^16.8.0"
   }
 }
diff --git a/test/plugin_functional/plugins/kbn_tp_embeddable_explorer/package.json b/test/plugin_functional/plugins/kbn_tp_embeddable_explorer/package.json
index 127aa30fe499e..18b14516b9be4 100644
--- a/test/plugin_functional/plugins/kbn_tp_embeddable_explorer/package.json
+++ b/test/plugin_functional/plugins/kbn_tp_embeddable_explorer/package.json
@@ -8,7 +8,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@elastic/eui": "14.4.0",
+    "@elastic/eui": "14.5.0",
     "react": "^16.8.0"
   },
   "scripts": {
diff --git a/test/plugin_functional/plugins/kbn_tp_sample_panel_action/package.json b/test/plugin_functional/plugins/kbn_tp_sample_panel_action/package.json
index 143460ce0a3ad..b147da6a448ae 100644
--- a/test/plugin_functional/plugins/kbn_tp_sample_panel_action/package.json
+++ b/test/plugin_functional/plugins/kbn_tp_sample_panel_action/package.json
@@ -8,7 +8,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@elastic/eui": "14.4.0",
+    "@elastic/eui": "14.5.0",
     "react": "^16.8.0"
   },
   "scripts": {
diff --git a/test/plugin_functional/plugins/kbn_tp_visualize_embedding/package.json b/test/plugin_functional/plugins/kbn_tp_visualize_embedding/package.json
index f4e771c4bb0bc..10f122823353c 100644
--- a/test/plugin_functional/plugins/kbn_tp_visualize_embedding/package.json
+++ b/test/plugin_functional/plugins/kbn_tp_visualize_embedding/package.json
@@ -7,7 +7,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@elastic/eui": "14.4.0",
+    "@elastic/eui": "14.5.0",
     "react": "^16.8.0",
     "react-dom": "^16.8.0"
   }
diff --git a/x-pack/legacy/plugins/apm/public/components/app/ErrorGroupOverview/List/__test__/__snapshots__/List.test.tsx.snap b/x-pack/legacy/plugins/apm/public/components/app/ErrorGroupOverview/List/__test__/__snapshots__/List.test.tsx.snap
index cd5be4a06ca26..68fb786271e94 100644
--- a/x-pack/legacy/plugins/apm/public/components/app/ErrorGroupOverview/List/__test__/__snapshots__/List.test.tsx.snap
+++ b/x-pack/legacy/plugins/apm/public/components/app/ErrorGroupOverview/List/__test__/__snapshots__/List.test.tsx.snap
@@ -658,13 +658,18 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
               <div
                 className="euiTableCellContent euiTableCellContent--overflowingContent"
               >
-                <a
-                  className="euiLink euiLink--primary c0"
+                <EuiLink
+                  className="c0"
                   href="#/services/opbeans-python/errors/a0ce2c8978ef92cdf2ff163ae28576ee?rangeFrom=now-24h&rangeTo=now&refreshPaused=true&refreshInterval=0"
-                  rel="noreferrer"
                 >
-                  a0ce2
-                </a>
+                  <a
+                    className="euiLink euiLink--primary c0"
+                    href="#/services/opbeans-python/errors/a0ce2c8978ef92cdf2ff163ae28576ee?rangeFrom=now-24h&rangeTo=now&refreshPaused=true&refreshInterval=0"
+                    rel="noreferrer"
+                  >
+                    a0ce2
+                  </a>
+                </EuiLink>
               </div>
             </td>
             <td
@@ -687,15 +692,22 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
                     onMouseOut={[Function]}
                     onMouseOver={[Function]}
                   >
-                    <a
-                      className="euiLink euiLink--primary c2"
+                    <EuiLink
+                      className="c2"
                       href="#/services/opbeans-python/errors/a0ce2c8978ef92cdf2ff163ae28576ee?rangeFrom=now-24h&rangeTo=now&refreshPaused=true&refreshInterval=0"
                       onBlur={[Function]}
                       onFocus={[Function]}
-                      rel="noreferrer"
                     >
-                      About to blow up!
-                    </a>
+                      <a
+                        className="euiLink euiLink--primary c2"
+                        href="#/services/opbeans-python/errors/a0ce2c8978ef92cdf2ff163ae28576ee?rangeFrom=now-24h&rangeTo=now&refreshPaused=true&refreshInterval=0"
+                        onBlur={[Function]}
+                        onFocus={[Function]}
+                        rel="noreferrer"
+                      >
+                        About to blow up!
+                      </a>
+                    </EuiLink>
                   </span>
                   <br />
                   <span
@@ -765,13 +777,18 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
               <div
                 className="euiTableCellContent euiTableCellContent--overflowingContent"
               >
-                <a
-                  className="euiLink euiLink--primary c0"
+                <EuiLink
+                  className="c0"
                   href="#/services/opbeans-python/errors/f3ac95493913cc7a3cfec30a19d2120a?rangeFrom=now-24h&rangeTo=now&refreshPaused=true&refreshInterval=0"
-                  rel="noreferrer"
                 >
-                  f3ac9
-                </a>
+                  <a
+                    className="euiLink euiLink--primary c0"
+                    href="#/services/opbeans-python/errors/f3ac95493913cc7a3cfec30a19d2120a?rangeFrom=now-24h&rangeTo=now&refreshPaused=true&refreshInterval=0"
+                    rel="noreferrer"
+                  >
+                    f3ac9
+                  </a>
+                </EuiLink>
               </div>
             </td>
             <td
@@ -794,15 +811,22 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
                     onMouseOut={[Function]}
                     onMouseOver={[Function]}
                   >
-                    <a
-                      className="euiLink euiLink--primary c2"
+                    <EuiLink
+                      className="c2"
                       href="#/services/opbeans-python/errors/f3ac95493913cc7a3cfec30a19d2120a?rangeFrom=now-24h&rangeTo=now&refreshPaused=true&refreshInterval=0"
                       onBlur={[Function]}
                       onFocus={[Function]}
-                      rel="noreferrer"
                     >
-                      AssertionError: 
-                    </a>
+                      <a
+                        className="euiLink euiLink--primary c2"
+                        href="#/services/opbeans-python/errors/f3ac95493913cc7a3cfec30a19d2120a?rangeFrom=now-24h&rangeTo=now&refreshPaused=true&refreshInterval=0"
+                        onBlur={[Function]}
+                        onFocus={[Function]}
+                        rel="noreferrer"
+                      >
+                        AssertionError: 
+                      </a>
+                    </EuiLink>
                   </span>
                   <br />
                   <span
@@ -872,13 +896,18 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
               <div
                 className="euiTableCellContent euiTableCellContent--overflowingContent"
               >
-                <a
-                  className="euiLink euiLink--primary c0"
+                <EuiLink
+                  className="c0"
                   href="#/services/opbeans-python/errors/e90863d04b7a692435305f09bbe8c840?rangeFrom=now-24h&rangeTo=now&refreshPaused=true&refreshInterval=0"
-                  rel="noreferrer"
                 >
-                  e9086
-                </a>
+                  <a
+                    className="euiLink euiLink--primary c0"
+                    href="#/services/opbeans-python/errors/e90863d04b7a692435305f09bbe8c840?rangeFrom=now-24h&rangeTo=now&refreshPaused=true&refreshInterval=0"
+                    rel="noreferrer"
+                  >
+                    e9086
+                  </a>
+                </EuiLink>
               </div>
             </td>
             <td
@@ -901,15 +930,22 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
                     onMouseOut={[Function]}
                     onMouseOver={[Function]}
                   >
-                    <a
-                      className="euiLink euiLink--primary c2"
+                    <EuiLink
+                      className="c2"
                       href="#/services/opbeans-python/errors/e90863d04b7a692435305f09bbe8c840?rangeFrom=now-24h&rangeTo=now&refreshPaused=true&refreshInterval=0"
                       onBlur={[Function]}
                       onFocus={[Function]}
-                      rel="noreferrer"
                     >
-                      AssertionError: Bad luck!
-                    </a>
+                      <a
+                        className="euiLink euiLink--primary c2"
+                        href="#/services/opbeans-python/errors/e90863d04b7a692435305f09bbe8c840?rangeFrom=now-24h&rangeTo=now&refreshPaused=true&refreshInterval=0"
+                        onBlur={[Function]}
+                        onFocus={[Function]}
+                        rel="noreferrer"
+                      >
+                        AssertionError: Bad luck!
+                      </a>
+                    </EuiLink>
                   </span>
                   <br />
                   <span
@@ -979,13 +1015,18 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
               <div
                 className="euiTableCellContent euiTableCellContent--overflowingContent"
               >
-                <a
-                  className="euiLink euiLink--primary c0"
+                <EuiLink
+                  className="c0"
                   href="#/services/opbeans-python/errors/8673d8bf7a032e387c101bafbab0d2bc?rangeFrom=now-24h&rangeTo=now&refreshPaused=true&refreshInterval=0"
-                  rel="noreferrer"
                 >
-                  8673d
-                </a>
+                  <a
+                    className="euiLink euiLink--primary c0"
+                    href="#/services/opbeans-python/errors/8673d8bf7a032e387c101bafbab0d2bc?rangeFrom=now-24h&rangeTo=now&refreshPaused=true&refreshInterval=0"
+                    rel="noreferrer"
+                  >
+                    8673d
+                  </a>
+                </EuiLink>
               </div>
             </td>
             <td
@@ -1008,15 +1049,22 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
                     onMouseOut={[Function]}
                     onMouseOver={[Function]}
                   >
-                    <a
-                      className="euiLink euiLink--primary c2"
+                    <EuiLink
+                      className="c2"
                       href="#/services/opbeans-python/errors/8673d8bf7a032e387c101bafbab0d2bc?rangeFrom=now-24h&rangeTo=now&refreshPaused=true&refreshInterval=0"
                       onBlur={[Function]}
                       onFocus={[Function]}
-                      rel="noreferrer"
                     >
-                      Customer with ID 8517 not found
-                    </a>
+                      <a
+                        className="euiLink euiLink--primary c2"
+                        href="#/services/opbeans-python/errors/8673d8bf7a032e387c101bafbab0d2bc?rangeFrom=now-24h&rangeTo=now&refreshPaused=true&refreshInterval=0"
+                        onBlur={[Function]}
+                        onFocus={[Function]}
+                        rel="noreferrer"
+                      >
+                        Customer with ID 8517 not found
+                      </a>
+                    </EuiLink>
                   </span>
                   <br />
                   <span
diff --git a/x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/arguments/axis_config/__examples__/__snapshots__/extended_template.examples.storyshot b/x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/arguments/axis_config/__examples__/__snapshots__/extended_template.examples.storyshot
index 09ca1e248a3bd..5efbbe0106505 100644
--- a/x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/arguments/axis_config/__examples__/__snapshots__/extended_template.examples.storyshot
+++ b/x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/arguments/axis_config/__examples__/__snapshots__/extended_template.examples.storyshot
@@ -12,7 +12,6 @@ exports[`Storyshots arguments/AxisConfig extended 1`] = `
 >
   <div
     className="euiFormRow euiFormRow--compressed"
-    id="generated-id-row"
   >
     <div
       className="euiFormRow__labelWrapper"
@@ -93,7 +92,6 @@ exports[`Storyshots arguments/AxisConfig/components extended 1`] = `
 >
   <div
     className="euiFormRow euiFormRow--compressed"
-    id="generated-id-row"
   >
     <div
       className="euiFormRow__labelWrapper"
diff --git a/x-pack/legacy/plugins/canvas/public/components/custom_element_modal/__examples__/__snapshots__/custom_element_modal.examples.storyshot b/x-pack/legacy/plugins/canvas/public/components/custom_element_modal/__examples__/__snapshots__/custom_element_modal.examples.storyshot
index 126c578d515d6..134a3da5ec657 100644
--- a/x-pack/legacy/plugins/canvas/public/components/custom_element_modal/__examples__/__snapshots__/custom_element_modal.examples.storyshot
+++ b/x-pack/legacy/plugins/canvas/public/components/custom_element_modal/__examples__/__snapshots__/custom_element_modal.examples.storyshot
@@ -93,7 +93,6 @@ Array [
               >
                 <div
                   className="euiFormRow euiFormRow--compressed"
-                  id="generated-id-row"
                 >
                   <div
                     className="euiFormRow__labelWrapper"
@@ -137,7 +136,6 @@ Array [
                 </div>
                 <div
                   className="euiFormRow"
-                  id="generated-id-row"
                 >
                   <div
                     className="euiFormRow__labelWrapper"
@@ -172,7 +170,6 @@ Array [
                 </div>
                 <div
                   className="euiFormRow euiFormRow--compressed canvasCustomElementForm__thumbnail"
-                  id="generated-id-row"
                 >
                   <div
                     className="euiFormRow__labelWrapper"
@@ -449,7 +446,6 @@ Array [
               >
                 <div
                   className="euiFormRow euiFormRow--compressed"
-                  id="generated-id-row"
                 >
                   <div
                     className="euiFormRow__labelWrapper"
@@ -493,7 +489,6 @@ Array [
                 </div>
                 <div
                   className="euiFormRow"
-                  id="generated-id-row"
                 >
                   <div
                     className="euiFormRow__labelWrapper"
@@ -528,7 +523,6 @@ Array [
                 </div>
                 <div
                   className="euiFormRow euiFormRow--compressed canvasCustomElementForm__thumbnail"
-                  id="generated-id-row"
                 >
                   <div
                     className="euiFormRow__labelWrapper"
@@ -802,7 +796,6 @@ Array [
               >
                 <div
                   className="euiFormRow euiFormRow--compressed"
-                  id="generated-id-row"
                 >
                   <div
                     className="euiFormRow__labelWrapper"
@@ -846,7 +839,6 @@ Array [
                 </div>
                 <div
                   className="euiFormRow"
-                  id="generated-id-row"
                 >
                   <div
                     className="euiFormRow__labelWrapper"
@@ -881,7 +873,6 @@ Array [
                 </div>
                 <div
                   className="euiFormRow euiFormRow--compressed canvasCustomElementForm__thumbnail"
-                  id="generated-id-row"
                 >
                   <div
                     className="euiFormRow__labelWrapper"
@@ -1157,7 +1148,6 @@ Array [
               >
                 <div
                   className="euiFormRow euiFormRow--compressed"
-                  id="generated-id-row"
                 >
                   <div
                     className="euiFormRow__labelWrapper"
@@ -1201,7 +1191,6 @@ Array [
                 </div>
                 <div
                   className="euiFormRow"
-                  id="generated-id-row"
                 >
                   <div
                     className="euiFormRow__labelWrapper"
@@ -1236,7 +1225,6 @@ Array [
                 </div>
                 <div
                   className="euiFormRow euiFormRow--compressed canvasCustomElementForm__thumbnail"
-                  id="generated-id-row"
                 >
                   <div
                     className="euiFormRow__labelWrapper"
diff --git a/x-pack/legacy/plugins/canvas/public/components/expression_input/__examples__/__snapshots__/expression_input.examples.storyshot b/x-pack/legacy/plugins/canvas/public/components/expression_input/__examples__/__snapshots__/expression_input.examples.storyshot
index 99d5dc3c115be..9096fecabf8b1 100644
--- a/x-pack/legacy/plugins/canvas/public/components/expression_input/__examples__/__snapshots__/expression_input.examples.storyshot
+++ b/x-pack/legacy/plugins/canvas/public/components/expression_input/__examples__/__snapshots__/expression_input.examples.storyshot
@@ -6,7 +6,6 @@ exports[`Storyshots components/ExpressionInput default 1`] = `
 >
   <div
     className="euiFormRow euiFormRow--fullWidth canvasExpressionInput__inner"
-    id="generated-id-row"
   >
     <div
       className="euiFormRow__fieldWrapper"
diff --git a/x-pack/legacy/plugins/canvas/public/expression_types/arg_types/container_style/__examples__/__snapshots__/extended_template.examples.storyshot b/x-pack/legacy/plugins/canvas/public/expression_types/arg_types/container_style/__examples__/__snapshots__/extended_template.examples.storyshot
index 9e3bebbd71273..a271c2863ed0a 100644
--- a/x-pack/legacy/plugins/canvas/public/expression_types/arg_types/container_style/__examples__/__snapshots__/extended_template.examples.storyshot
+++ b/x-pack/legacy/plugins/canvas/public/expression_types/arg_types/container_style/__examples__/__snapshots__/extended_template.examples.storyshot
@@ -31,7 +31,6 @@ exports[`Storyshots arguments/ContainerStyle extended 1`] = `
       >
         <div
           className="euiFormRow euiFormRow--compressed"
-          id="generated-id-row"
         >
           <div
             className="euiFormRow__labelWrapper"
@@ -71,7 +70,6 @@ exports[`Storyshots arguments/ContainerStyle extended 1`] = `
       >
         <div
           className="euiFormRow euiFormRow--compressed"
-          id="generated-id-row"
         >
           <div
             className="euiFormRow__labelWrapper"
@@ -160,7 +158,6 @@ exports[`Storyshots arguments/ContainerStyle extended 1`] = `
       >
         <div
           className="euiFormRow euiFormRow--compressed"
-          id="generated-id-row"
         >
           <div
             className="euiFormRow__labelWrapper"
@@ -247,7 +244,6 @@ exports[`Storyshots arguments/ContainerStyle extended 1`] = `
       >
         <div
           className="euiFormRow euiFormRow--compressed"
-          id="generated-id-row"
         >
           <div
             className="euiFormRow__labelWrapper"
@@ -287,7 +283,6 @@ exports[`Storyshots arguments/ContainerStyle extended 1`] = `
       >
         <div
           className="euiFormRow euiFormRow--compressed"
-          id="generated-id-row"
         >
           <div
             className="euiFormRow__labelWrapper"
@@ -390,7 +385,6 @@ exports[`Storyshots arguments/ContainerStyle extended 1`] = `
       >
         <div
           className="euiFormRow euiFormRow--compressed"
-          id="generated-id-row"
         >
           <div
             className="euiFormRow__labelWrapper"
@@ -430,7 +424,6 @@ exports[`Storyshots arguments/ContainerStyle extended 1`] = `
       >
         <div
           className="euiFormRow euiFormRow--compressed"
-          id="generated-id-row"
           style={
             Object {
               "fontSize": 0,
@@ -518,7 +511,6 @@ exports[`Storyshots arguments/ContainerStyle/components appearance form 1`] = `
     >
       <div
         className="euiFormRow euiFormRow--compressed"
-        id="generated-id-row"
       >
         <div
           className="euiFormRow__labelWrapper"
@@ -558,7 +550,6 @@ exports[`Storyshots arguments/ContainerStyle/components appearance form 1`] = `
     >
       <div
         className="euiFormRow euiFormRow--compressed"
-        id="generated-id-row"
       >
         <div
           className="euiFormRow__labelWrapper"
@@ -647,7 +638,6 @@ exports[`Storyshots arguments/ContainerStyle/components appearance form 1`] = `
     >
       <div
         className="euiFormRow euiFormRow--compressed"
-        id="generated-id-row"
       >
         <div
           className="euiFormRow__labelWrapper"
@@ -733,7 +723,6 @@ exports[`Storyshots arguments/ContainerStyle/components border form 1`] = `
     >
       <div
         className="euiFormRow euiFormRow--compressed"
-        id="generated-id-row"
       >
         <div
           className="euiFormRow__labelWrapper"
@@ -773,7 +762,6 @@ exports[`Storyshots arguments/ContainerStyle/components border form 1`] = `
     >
       <div
         className="euiFormRow euiFormRow--compressed"
-        id="generated-id-row"
       >
         <div
           className="euiFormRow__labelWrapper"
@@ -876,7 +864,6 @@ exports[`Storyshots arguments/ContainerStyle/components border form 1`] = `
     >
       <div
         className="euiFormRow euiFormRow--compressed"
-        id="generated-id-row"
       >
         <div
           className="euiFormRow__labelWrapper"
@@ -916,7 +903,6 @@ exports[`Storyshots arguments/ContainerStyle/components border form 1`] = `
     >
       <div
         className="euiFormRow euiFormRow--compressed"
-        id="generated-id-row"
         style={
           Object {
             "fontSize": 0,
@@ -1015,7 +1001,6 @@ exports[`Storyshots arguments/ContainerStyle/components extended template 1`] =
       >
         <div
           className="euiFormRow euiFormRow--compressed"
-          id="generated-id-row"
         >
           <div
             className="euiFormRow__labelWrapper"
@@ -1055,7 +1040,6 @@ exports[`Storyshots arguments/ContainerStyle/components extended template 1`] =
       >
         <div
           className="euiFormRow euiFormRow--compressed"
-          id="generated-id-row"
         >
           <div
             className="euiFormRow__labelWrapper"
@@ -1144,7 +1128,6 @@ exports[`Storyshots arguments/ContainerStyle/components extended template 1`] =
       >
         <div
           className="euiFormRow euiFormRow--compressed"
-          id="generated-id-row"
         >
           <div
             className="euiFormRow__labelWrapper"
@@ -1231,7 +1214,6 @@ exports[`Storyshots arguments/ContainerStyle/components extended template 1`] =
       >
         <div
           className="euiFormRow euiFormRow--compressed"
-          id="generated-id-row"
         >
           <div
             className="euiFormRow__labelWrapper"
@@ -1271,7 +1253,6 @@ exports[`Storyshots arguments/ContainerStyle/components extended template 1`] =
       >
         <div
           className="euiFormRow euiFormRow--compressed"
-          id="generated-id-row"
         >
           <div
             className="euiFormRow__labelWrapper"
@@ -1374,7 +1355,6 @@ exports[`Storyshots arguments/ContainerStyle/components extended template 1`] =
       >
         <div
           className="euiFormRow euiFormRow--compressed"
-          id="generated-id-row"
         >
           <div
             className="euiFormRow__labelWrapper"
@@ -1414,7 +1394,6 @@ exports[`Storyshots arguments/ContainerStyle/components extended template 1`] =
       >
         <div
           className="euiFormRow euiFormRow--compressed"
-          id="generated-id-row"
           style={
             Object {
               "fontSize": 0,
diff --git a/x-pack/legacy/plugins/canvas/public/expression_types/arg_types/series_style/__examples__/__snapshots__/extended_template.examples.storyshot b/x-pack/legacy/plugins/canvas/public/expression_types/arg_types/series_style/__examples__/__snapshots__/extended_template.examples.storyshot
index 30a7811ed5b03..5525df639be01 100644
--- a/x-pack/legacy/plugins/canvas/public/expression_types/arg_types/series_style/__examples__/__snapshots__/extended_template.examples.storyshot
+++ b/x-pack/legacy/plugins/canvas/public/expression_types/arg_types/series_style/__examples__/__snapshots__/extended_template.examples.storyshot
@@ -13,7 +13,6 @@ exports[`Storyshots arguments/SeriesStyle extended 1`] = `
   <div>
     <div
       className="euiFormRow euiFormRow--compressed"
-      id="generated-id-row"
     >
       <div
         className="euiFormRow__labelWrapper"
@@ -95,7 +94,6 @@ exports[`Storyshots arguments/SeriesStyle extended 1`] = `
       >
         <div
           className="euiFormRow euiFormRow--compressed"
-          id="generated-id-row"
         >
           <div
             className="euiFormRow__labelWrapper"
@@ -184,7 +182,6 @@ exports[`Storyshots arguments/SeriesStyle extended 1`] = `
       >
         <div
           className="euiFormRow euiFormRow--compressed"
-          id="generated-id-row"
         >
           <div
             className="euiFormRow__labelWrapper"
@@ -273,7 +270,6 @@ exports[`Storyshots arguments/SeriesStyle extended 1`] = `
       >
         <div
           className="euiFormRow euiFormRow--compressed"
-          id="generated-id-row"
         >
           <div
             className="euiFormRow__labelWrapper"
diff --git a/x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/settings/__examples__/__snapshots__/autoplay_settings.examples.storyshot b/x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/settings/__examples__/__snapshots__/autoplay_settings.examples.storyshot
index 0d3bf7ea66c97..7c4395820776e 100644
--- a/x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/settings/__examples__/__snapshots__/autoplay_settings.examples.storyshot
+++ b/x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/settings/__examples__/__snapshots__/autoplay_settings.examples.storyshot
@@ -83,7 +83,6 @@ exports[`Storyshots shareables/Footer/Settings/AutoplaySettings component: off,
         >
           <div
             className="euiFormRow euiFormRow--compressed"
-            id="generated-id-row"
           >
             <div
               className="euiFormRow__labelWrapper"
@@ -130,7 +129,6 @@ exports[`Storyshots shareables/Footer/Settings/AutoplaySettings component: off,
         >
           <div
             className="euiFormRow"
-            id="generated-id-row"
           >
             <div
               className="euiFormRow__labelWrapper"
@@ -260,7 +258,6 @@ exports[`Storyshots shareables/Footer/Settings/AutoplaySettings component: on, 5
         >
           <div
             className="euiFormRow euiFormRow--compressed"
-            id="generated-id-row"
           >
             <div
               className="euiFormRow__labelWrapper"
@@ -307,7 +304,6 @@ exports[`Storyshots shareables/Footer/Settings/AutoplaySettings component: on, 5
         >
           <div
             className="euiFormRow"
-            id="generated-id-row"
           >
             <div
               className="euiFormRow__labelWrapper"
@@ -437,7 +433,6 @@ exports[`Storyshots shareables/Footer/Settings/AutoplaySettings contextual 1`] =
         >
           <div
             className="euiFormRow euiFormRow--compressed"
-            id="generated-id-row"
           >
             <div
               className="euiFormRow__labelWrapper"
@@ -484,7 +479,6 @@ exports[`Storyshots shareables/Footer/Settings/AutoplaySettings contextual 1`] =
         >
           <div
             className="euiFormRow"
-            id="generated-id-row"
           >
             <div
               className="euiFormRow__labelWrapper"
diff --git a/x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/settings/__examples__/__snapshots__/toolbar_settings.examples.storyshot b/x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/settings/__examples__/__snapshots__/toolbar_settings.examples.storyshot
index a98e690f0937c..a40f699ddecd8 100644
--- a/x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/settings/__examples__/__snapshots__/toolbar_settings.examples.storyshot
+++ b/x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/settings/__examples__/__snapshots__/toolbar_settings.examples.storyshot
@@ -24,7 +24,6 @@ exports[`Storyshots shareables/Footer/Settings/ToolbarSettings component: off 1`
   >
     <div
       className="euiFormRow"
-      id="generated-id-row"
     >
       <div
         className="euiFormRow__fieldWrapper"
@@ -116,7 +115,6 @@ exports[`Storyshots shareables/Footer/Settings/ToolbarSettings component: on 1`]
   >
     <div
       className="euiFormRow"
-      id="generated-id-row"
     >
       <div
         className="euiFormRow__fieldWrapper"
@@ -208,7 +206,6 @@ exports[`Storyshots shareables/Footer/Settings/ToolbarSettings contextual 1`] =
   >
     <div
       className="euiFormRow"
-      id="generated-id-row"
     >
       <div
         className="euiFormRow__fieldWrapper"
diff --git a/x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/settings/__tests__/__snapshots__/settings.test.tsx.snap b/x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/settings/__tests__/__snapshots__/settings.test.tsx.snap
index 6831ef8024de9..baa0b509ccb73 100644
--- a/x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/settings/__tests__/__snapshots__/settings.test.tsx.snap
+++ b/x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/settings/__tests__/__snapshots__/settings.test.tsx.snap
@@ -348,7 +348,6 @@ exports[`<Settings /> can navigate Autoplay Settings 2`] = `
                         >
                           <div
                             class="euiFormRow euiFormRow--compressed"
-                            id="generated-id-row"
                           >
                             <div
                               class="euiFormRow__labelWrapper"
@@ -392,7 +391,6 @@ exports[`<Settings /> can navigate Autoplay Settings 2`] = `
                         >
                           <div
                             class="euiFormRow"
-                            id="generated-id-row"
                           >
                             <div
                               class="euiFormRow__labelWrapper"
@@ -566,6 +564,6 @@ exports[`<Settings /> can navigate Toolbar Settings, closes when activated 1`] =
 </div>
 `;
 
-exports[`<Settings /> can navigate Toolbar Settings, closes when activated 2`] = `"<div><div><div data-focus-guard=\\"true\\" tabindex=\\"-1\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div><div data-focus-guard=\\"true\\" tabindex=\\"-1\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div><div data-focus-lock-disabled=\\"disabled\\"><div class=\\"euiPanel euiPopover__panel euiPopover__panel--top euiPopover__panel-isOpen euiPopover__panel-withTitle\\" aria-live=\\"assertive\\" style=\\"top: -16px; left: -22px; z-index: 2000;\\"><div class=\\"euiPopover__panelArrow euiPopover__panelArrow--top\\" style=\\"left: 10px; top: 0px;\\"></div><div><div class=\\"euiContextMenu\\" style=\\"height: 0px;\\"><div class=\\"euiContextMenuPanel euiContextMenu__panel euiContextMenuPanel-txOutLeft\\" tabindex=\\"0\\"><div class=\\"euiPopoverTitle\\"><span class=\\"euiContextMenu__itemLayout\\">Settings</span></div><div><div><button class=\\"euiContextMenuItem\\" type=\\"button\\"><span class=\\"euiContextMenu__itemLayout\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoaded euiContextMenu__icon\\" focusable=\\"false\\"><path d=\\"M4.608 3.063C4.345 2.895 4 3.089 4 3.418v9.167c0 .329.345.523.608.356l7.2-4.584a.426.426 0 0 0 0-.711l-7.2-4.583zm.538-.844l7.2 4.583a1.426 1.426 0 0 1 0 2.399l-7.2 4.583C4.21 14.38 3 13.696 3 12.585V3.418C3 2.307 4.21 1.624 5.146 2.22z\\"></path></svg><span class=\\"euiContextMenuItem__text\\">Auto Play</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoaded euiContextMenu__arrow\\" focusable=\\"false\\"><path fill-rule=\\"nonzero\\" d=\\"M5.157 13.069l4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771z\\"></path></svg></span></button><button class=\\"euiContextMenuItem\\" type=\\"button\\"><span class=\\"euiContextMenu__itemLayout\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoaded euiContextMenu__icon\\" focusable=\\"false\\"><path d=\\"M0 6h4v4H0V6zm1 1v2h2V7H1zm5-1h4v4H6V6zm1 1v2h2V7H7zm5-1h4v4h-4V6zm1 3h2V7h-2v2z\\"></path></svg><span class=\\"euiContextMenuItem__text\\">Toolbar</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoaded euiContextMenu__arrow\\" focusable=\\"false\\"><path fill-rule=\\"nonzero\\" d=\\"M5.157 13.069l4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771z\\"></path></svg></span></button></div></div></div><div class=\\"euiContextMenuPanel euiContextMenu__panel euiContextMenuPanel-txInLeft\\" tabindex=\\"0\\"><button class=\\"euiContextMenuPanelTitle\\" type=\\"button\\" data-test-subj=\\"contextMenuPanelTitleButton\\"><span class=\\"euiContextMenu__itemLayout\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoaded euiContextMenu__icon\\" focusable=\\"false\\"><path fill-rule=\\"nonzero\\" d=\\"M10.843 13.069L6.232 8.384a.546.546 0 0 1 0-.768l4.61-4.685a.552.552 0 0 0 0-.771.53.53 0 0 0-.759 0l-4.61 4.684a1.65 1.65 0 0 0 0 2.312l4.61 4.684a.53.53 0 0 0 .76 0 .552.552 0 0 0 0-.771z\\"></path></svg><span class=\\"euiContextMenu__text\\">Toolbar</span></span></button><div><div><div style=\\"padding: 16px;\\"><div class=\\"euiFormRow\\" id=\\"generated-id-row\\"><div class=\\"euiFormRow__fieldWrapper\\"><div class=\\"euiSwitch\\"><input class=\\"euiSwitch__input\\" name=\\"toolbarHide\\" id=\\"generated-id\\" type=\\"checkbox\\" data-test-subj=\\"hideToolbarSwitch\\" aria-describedby=\\"generated-id-help\\"><span class=\\"euiSwitch__body\\"><span class=\\"euiSwitch__thumb\\"></span><span class=\\"euiSwitch__track\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoaded euiSwitch__icon\\" focusable=\\"false\\"><path d=\\"M7.293 8L3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8z\\"></path></svg><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoaded euiSwitch__icon euiSwitch__icon--checked\\" focusable=\\"false\\"><path fill-rule=\\"evenodd\\" d=\\"M6.5 12a.502.502 0 0 1-.354-.146l-4-4a.502.502 0 0 1 .708-.708L6.5 10.793l6.646-6.647a.502.502 0 0 1 .708.708l-7 7A.502.502 0 0 1 6.5 12\\"></path></svg></span></span><label class=\\"euiSwitch__label\\" for=\\"generated-id\\">Hide Toolbar</label></div><div class=\\"euiFormHelpText euiFormRow__text\\" id=\\"generated-id-help\\">Hide the toolbar when the mouse is not within the Canvas?</div></div></div></div></div></div></div></div></div></div></div><div data-focus-guard=\\"true\\" tabindex=\\"-1\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div></div></div>"`;
+exports[`<Settings /> can navigate Toolbar Settings, closes when activated 2`] = `"<div><div><div data-focus-guard=\\"true\\" tabindex=\\"-1\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div><div data-focus-guard=\\"true\\" tabindex=\\"-1\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div><div data-focus-lock-disabled=\\"disabled\\"><div class=\\"euiPanel euiPopover__panel euiPopover__panel--top euiPopover__panel-isOpen euiPopover__panel-withTitle\\" aria-live=\\"assertive\\" style=\\"top: -16px; left: -22px; z-index: 2000;\\"><div class=\\"euiPopover__panelArrow euiPopover__panelArrow--top\\" style=\\"left: 10px; top: 0px;\\"></div><div><div class=\\"euiContextMenu\\" style=\\"height: 0px;\\"><div class=\\"euiContextMenuPanel euiContextMenu__panel euiContextMenuPanel-txOutLeft\\" tabindex=\\"0\\"><div class=\\"euiPopoverTitle\\"><span class=\\"euiContextMenu__itemLayout\\">Settings</span></div><div><div><button class=\\"euiContextMenuItem\\" type=\\"button\\"><span class=\\"euiContextMenu__itemLayout\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoaded euiContextMenu__icon\\" focusable=\\"false\\"><path d=\\"M4.608 3.063C4.345 2.895 4 3.089 4 3.418v9.167c0 .329.345.523.608.356l7.2-4.584a.426.426 0 0 0 0-.711l-7.2-4.583zm.538-.844l7.2 4.583a1.426 1.426 0 0 1 0 2.399l-7.2 4.583C4.21 14.38 3 13.696 3 12.585V3.418C3 2.307 4.21 1.624 5.146 2.22z\\"></path></svg><span class=\\"euiContextMenuItem__text\\">Auto Play</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoaded euiContextMenu__arrow\\" focusable=\\"false\\"><path fill-rule=\\"nonzero\\" d=\\"M5.157 13.069l4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771z\\"></path></svg></span></button><button class=\\"euiContextMenuItem\\" type=\\"button\\"><span class=\\"euiContextMenu__itemLayout\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoaded euiContextMenu__icon\\" focusable=\\"false\\"><path d=\\"M0 6h4v4H0V6zm1 1v2h2V7H1zm5-1h4v4H6V6zm1 1v2h2V7H7zm5-1h4v4h-4V6zm1 3h2V7h-2v2z\\"></path></svg><span class=\\"euiContextMenuItem__text\\">Toolbar</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoaded euiContextMenu__arrow\\" focusable=\\"false\\"><path fill-rule=\\"nonzero\\" d=\\"M5.157 13.069l4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771z\\"></path></svg></span></button></div></div></div><div class=\\"euiContextMenuPanel euiContextMenu__panel euiContextMenuPanel-txInLeft\\" tabindex=\\"0\\"><button class=\\"euiContextMenuPanelTitle\\" type=\\"button\\" data-test-subj=\\"contextMenuPanelTitleButton\\"><span class=\\"euiContextMenu__itemLayout\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoaded euiContextMenu__icon\\" focusable=\\"false\\"><path fill-rule=\\"nonzero\\" d=\\"M10.843 13.069L6.232 8.384a.546.546 0 0 1 0-.768l4.61-4.685a.552.552 0 0 0 0-.771.53.53 0 0 0-.759 0l-4.61 4.684a1.65 1.65 0 0 0 0 2.312l4.61 4.684a.53.53 0 0 0 .76 0 .552.552 0 0 0 0-.771z\\"></path></svg><span class=\\"euiContextMenu__text\\">Toolbar</span></span></button><div><div><div style=\\"padding: 16px;\\"><div class=\\"euiFormRow\\"><div class=\\"euiFormRow__fieldWrapper\\"><div class=\\"euiSwitch\\"><input class=\\"euiSwitch__input\\" name=\\"toolbarHide\\" id=\\"generated-id\\" type=\\"checkbox\\" data-test-subj=\\"hideToolbarSwitch\\" aria-describedby=\\"generated-id-help\\"><span class=\\"euiSwitch__body\\"><span class=\\"euiSwitch__thumb\\"></span><span class=\\"euiSwitch__track\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoaded euiSwitch__icon\\" focusable=\\"false\\"><path d=\\"M7.293 8L3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8z\\"></path></svg><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoaded euiSwitch__icon euiSwitch__icon--checked\\" focusable=\\"false\\"><path fill-rule=\\"evenodd\\" d=\\"M6.5 12a.502.502 0 0 1-.354-.146l-4-4a.502.502 0 0 1 .708-.708L6.5 10.793l6.646-6.647a.502.502 0 0 1 .708.708l-7 7A.502.502 0 0 1 6.5 12\\"></path></svg></span></span><label class=\\"euiSwitch__label\\" for=\\"generated-id\\">Hide Toolbar</label></div><div class=\\"euiFormHelpText euiFormRow__text\\" id=\\"generated-id-help\\">Hide the toolbar when the mouse is not within the Canvas?</div></div></div></div></div></div></div></div></div></div></div><div data-focus-guard=\\"true\\" tabindex=\\"-1\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div></div></div>"`;
 
-exports[`<Settings /> can navigate Toolbar Settings, closes when activated 3`] = `"<div><div><div data-focus-guard=\\"true\\" tabindex=\\"-1\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div><div data-focus-guard=\\"true\\" tabindex=\\"-1\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div><div data-focus-lock-disabled=\\"disabled\\"><div class=\\"euiPanel euiPopover__panel euiPopover__panel--top euiPopover__panel-withTitle\\" aria-live=\\"assertive\\" style=\\"top: -16px; left: -22px; z-index: 2000;\\"><div class=\\"euiPopover__panelArrow euiPopover__panelArrow--top\\" style=\\"left: 10px; top: 0px;\\"></div><div><div class=\\"euiContextMenu\\" style=\\"height: 0px;\\"><div class=\\"euiContextMenuPanel euiContextMenu__panel euiContextMenuPanel-txOutLeft\\" tabindex=\\"0\\"><div class=\\"euiPopoverTitle\\"><span class=\\"euiContextMenu__itemLayout\\">Settings</span></div><div><div><button class=\\"euiContextMenuItem\\" type=\\"button\\"><span class=\\"euiContextMenu__itemLayout\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoaded euiContextMenu__icon\\" focusable=\\"false\\"><path d=\\"M4.608 3.063C4.345 2.895 4 3.089 4 3.418v9.167c0 .329.345.523.608.356l7.2-4.584a.426.426 0 0 0 0-.711l-7.2-4.583zm.538-.844l7.2 4.583a1.426 1.426 0 0 1 0 2.399l-7.2 4.583C4.21 14.38 3 13.696 3 12.585V3.418C3 2.307 4.21 1.624 5.146 2.22z\\"></path></svg><span class=\\"euiContextMenuItem__text\\">Auto Play</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoaded euiContextMenu__arrow\\" focusable=\\"false\\"><path fill-rule=\\"nonzero\\" d=\\"M5.157 13.069l4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771z\\"></path></svg></span></button><button class=\\"euiContextMenuItem\\" type=\\"button\\"><span class=\\"euiContextMenu__itemLayout\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoaded euiContextMenu__icon\\" focusable=\\"false\\"><path d=\\"M0 6h4v4H0V6zm1 1v2h2V7H1zm5-1h4v4H6V6zm1 1v2h2V7H7zm5-1h4v4h-4V6zm1 3h2V7h-2v2z\\"></path></svg><span class=\\"euiContextMenuItem__text\\">Toolbar</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoaded euiContextMenu__arrow\\" focusable=\\"false\\"><path fill-rule=\\"nonzero\\" d=\\"M5.157 13.069l4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771z\\"></path></svg></span></button></div></div></div><div class=\\"euiContextMenuPanel euiContextMenu__panel euiContextMenuPanel-txInLeft\\" tabindex=\\"0\\"><button class=\\"euiContextMenuPanelTitle\\" type=\\"button\\" data-test-subj=\\"contextMenuPanelTitleButton\\"><span class=\\"euiContextMenu__itemLayout\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoaded euiContextMenu__icon\\" focusable=\\"false\\"><path fill-rule=\\"nonzero\\" d=\\"M10.843 13.069L6.232 8.384a.546.546 0 0 1 0-.768l4.61-4.685a.552.552 0 0 0 0-.771.53.53 0 0 0-.759 0l-4.61 4.684a1.65 1.65 0 0 0 0 2.312l4.61 4.684a.53.53 0 0 0 .76 0 .552.552 0 0 0 0-.771z\\"></path></svg><span class=\\"euiContextMenu__text\\">Toolbar</span></span></button><div><div><div style=\\"padding: 16px;\\"><div class=\\"euiFormRow\\" id=\\"generated-id-row\\"><div class=\\"euiFormRow__fieldWrapper\\"><div class=\\"euiSwitch\\"><input class=\\"euiSwitch__input\\" name=\\"toolbarHide\\" id=\\"generated-id\\" type=\\"checkbox\\" data-test-subj=\\"hideToolbarSwitch\\" aria-describedby=\\"generated-id-help\\"><span class=\\"euiSwitch__body\\"><span class=\\"euiSwitch__thumb\\"></span><span class=\\"euiSwitch__track\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoaded euiSwitch__icon\\" focusable=\\"false\\"><path d=\\"M7.293 8L3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8z\\"></path></svg><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoaded euiSwitch__icon euiSwitch__icon--checked\\" focusable=\\"false\\"><path fill-rule=\\"evenodd\\" d=\\"M6.5 12a.502.502 0 0 1-.354-.146l-4-4a.502.502 0 0 1 .708-.708L6.5 10.793l6.646-6.647a.502.502 0 0 1 .708.708l-7 7A.502.502 0 0 1 6.5 12\\"></path></svg></span></span><label class=\\"euiSwitch__label\\" for=\\"generated-id\\">Hide Toolbar</label></div><div class=\\"euiFormHelpText euiFormRow__text\\" id=\\"generated-id-help\\">Hide the toolbar when the mouse is not within the Canvas?</div></div></div></div></div></div></div></div></div></div></div><div data-focus-guard=\\"true\\" tabindex=\\"-1\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div></div></div>"`;
+exports[`<Settings /> can navigate Toolbar Settings, closes when activated 3`] = `"<div><div><div data-focus-guard=\\"true\\" tabindex=\\"-1\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div><div data-focus-guard=\\"true\\" tabindex=\\"-1\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div><div data-focus-lock-disabled=\\"disabled\\"><div class=\\"euiPanel euiPopover__panel euiPopover__panel--top euiPopover__panel-withTitle\\" aria-live=\\"assertive\\" style=\\"top: -16px; left: -22px; z-index: 2000;\\"><div class=\\"euiPopover__panelArrow euiPopover__panelArrow--top\\" style=\\"left: 10px; top: 0px;\\"></div><div><div class=\\"euiContextMenu\\" style=\\"height: 0px;\\"><div class=\\"euiContextMenuPanel euiContextMenu__panel euiContextMenuPanel-txOutLeft\\" tabindex=\\"0\\"><div class=\\"euiPopoverTitle\\"><span class=\\"euiContextMenu__itemLayout\\">Settings</span></div><div><div><button class=\\"euiContextMenuItem\\" type=\\"button\\"><span class=\\"euiContextMenu__itemLayout\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoaded euiContextMenu__icon\\" focusable=\\"false\\"><path d=\\"M4.608 3.063C4.345 2.895 4 3.089 4 3.418v9.167c0 .329.345.523.608.356l7.2-4.584a.426.426 0 0 0 0-.711l-7.2-4.583zm.538-.844l7.2 4.583a1.426 1.426 0 0 1 0 2.399l-7.2 4.583C4.21 14.38 3 13.696 3 12.585V3.418C3 2.307 4.21 1.624 5.146 2.22z\\"></path></svg><span class=\\"euiContextMenuItem__text\\">Auto Play</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoaded euiContextMenu__arrow\\" focusable=\\"false\\"><path fill-rule=\\"nonzero\\" d=\\"M5.157 13.069l4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771z\\"></path></svg></span></button><button class=\\"euiContextMenuItem\\" type=\\"button\\"><span class=\\"euiContextMenu__itemLayout\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoaded euiContextMenu__icon\\" focusable=\\"false\\"><path d=\\"M0 6h4v4H0V6zm1 1v2h2V7H1zm5-1h4v4H6V6zm1 1v2h2V7H7zm5-1h4v4h-4V6zm1 3h2V7h-2v2z\\"></path></svg><span class=\\"euiContextMenuItem__text\\">Toolbar</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoaded euiContextMenu__arrow\\" focusable=\\"false\\"><path fill-rule=\\"nonzero\\" d=\\"M5.157 13.069l4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771z\\"></path></svg></span></button></div></div></div><div class=\\"euiContextMenuPanel euiContextMenu__panel euiContextMenuPanel-txInLeft\\" tabindex=\\"0\\"><button class=\\"euiContextMenuPanelTitle\\" type=\\"button\\" data-test-subj=\\"contextMenuPanelTitleButton\\"><span class=\\"euiContextMenu__itemLayout\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoaded euiContextMenu__icon\\" focusable=\\"false\\"><path fill-rule=\\"nonzero\\" d=\\"M10.843 13.069L6.232 8.384a.546.546 0 0 1 0-.768l4.61-4.685a.552.552 0 0 0 0-.771.53.53 0 0 0-.759 0l-4.61 4.684a1.65 1.65 0 0 0 0 2.312l4.61 4.684a.53.53 0 0 0 .76 0 .552.552 0 0 0 0-.771z\\"></path></svg><span class=\\"euiContextMenu__text\\">Toolbar</span></span></button><div><div><div style=\\"padding: 16px;\\"><div class=\\"euiFormRow\\"><div class=\\"euiFormRow__fieldWrapper\\"><div class=\\"euiSwitch\\"><input class=\\"euiSwitch__input\\" name=\\"toolbarHide\\" id=\\"generated-id\\" type=\\"checkbox\\" data-test-subj=\\"hideToolbarSwitch\\" aria-describedby=\\"generated-id-help\\"><span class=\\"euiSwitch__body\\"><span class=\\"euiSwitch__thumb\\"></span><span class=\\"euiSwitch__track\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoaded euiSwitch__icon\\" focusable=\\"false\\"><path d=\\"M7.293 8L3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8z\\"></path></svg><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoaded euiSwitch__icon euiSwitch__icon--checked\\" focusable=\\"false\\"><path fill-rule=\\"evenodd\\" d=\\"M6.5 12a.502.502 0 0 1-.354-.146l-4-4a.502.502 0 0 1 .708-.708L6.5 10.793l6.646-6.647a.502.502 0 0 1 .708.708l-7 7A.502.502 0 0 1 6.5 12\\"></path></svg></span></span><label class=\\"euiSwitch__label\\" for=\\"generated-id\\">Hide Toolbar</label></div><div class=\\"euiFormHelpText euiFormRow__text\\" id=\\"generated-id-help\\">Hide the toolbar when the mouse is not within the Canvas?</div></div></div></div></div></div></div></div></div></div></div><div data-focus-guard=\\"true\\" tabindex=\\"-1\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div></div></div>"`;
diff --git a/x-pack/legacy/plugins/code/public/components/main/__snapshots__/breadcrumb.test.tsx.snap b/x-pack/legacy/plugins/code/public/components/main/__snapshots__/breadcrumb.test.tsx.snap
index 0530d5ec0cbd6..05e7cc4639dec 100644
--- a/x-pack/legacy/plugins/code/public/components/main/__snapshots__/breadcrumb.test.tsx.snap
+++ b/x-pack/legacy/plugins/code/public/components/main/__snapshots__/breadcrumb.test.tsx.snap
@@ -11,7 +11,6 @@ exports[`render correctly 1`] = `
     href="#github.com/elastic/TypeScript-Node-Starter/tree/master/src"
     onClick={[Function]}
     rel="noreferrer"
-    title="src"
   >
     src
   </a>
@@ -56,7 +55,6 @@ exports[`render correctly 1`] = `
     href="#github.com/elastic/TypeScript-Node-Starter/tree/master/src/public/css/lib/bootstrap/mixins"
     onClick={[Function]}
     rel="noreferrer"
-    title="mixins"
   >
     mixins
   </a>
@@ -67,7 +65,6 @@ exports[`render correctly 1`] = `
     aria-current="page"
     className="euiBreadcrumb euiBreadcrumb--last"
     data-test-subj="codeFileBreadcrumb-_alerts.scss"
-    title="_alerts.scss"
   >
     _alerts.scss
   </span>
diff --git a/x-pack/legacy/plugins/code/public/components/main/breadcrumb.tsx b/x-pack/legacy/plugins/code/public/components/main/breadcrumb.tsx
index 1f6aa48e569ea..52c5bfa59d536 100644
--- a/x-pack/legacy/plugins/code/public/components/main/breadcrumb.tsx
+++ b/x-pack/legacy/plugins/code/public/components/main/breadcrumb.tsx
@@ -4,8 +4,7 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
-// @ts-ignore
-import { EuiBreadcrumbs } from '@elastic/eui';
+import { EuiBreadcrumbs, Breadcrumb as EuiBreadcrumb } from '@elastic/eui';
 import React from 'react';
 import { MainRouteParams } from '../../common/types';
 import { encodeRevisionString } from '../../../common/uri_util';
@@ -20,13 +19,7 @@ export class Breadcrumb extends React.PureComponent<Props> {
     const { resource, org, repo, revision, path } = this.props.routeParams;
     const repoUri = `${resource}/${org}/${repo}`;
 
-    const breadcrumbs: Array<{
-      text: string;
-      href: string;
-      className?: string;
-      ['data-test-subj']: string;
-      onClick?: Function;
-    }> = [];
+    const breadcrumbs: EuiBreadcrumb[] = [];
     const pathSegments = path ? path.split('/') : [];
 
     pathSegments.forEach((p, index, array) => {
diff --git a/x-pack/legacy/plugins/index_lifecycle_management/__jest__/__snapshots__/extend_index_management.test.js.snap b/x-pack/legacy/plugins/index_lifecycle_management/__jest__/__snapshots__/extend_index_management.test.js.snap
index b400e82bb3f80..a7cc8843140c8 100644
--- a/x-pack/legacy/plugins/index_lifecycle_management/__jest__/__snapshots__/extend_index_management.test.js.snap
+++ b/x-pack/legacy/plugins/index_lifecycle_management/__jest__/__snapshots__/extend_index_management.test.js.snap
@@ -351,9 +351,7 @@ exports[`ilm summary extension should return extension when index has lifecycle
                   className="euiDescriptionList__description"
                 >
                   <EuiLink
-                    color="primary"
                     href="#/management/elasticsearch/index_lifecycle_management/policies/edit/testy"
-                    type="button"
                   >
                     <a
                       className="euiLink euiLink--primary"
@@ -483,17 +481,15 @@ exports[`ilm summary extension should return extension when index has lifecycle
                   <EuiPopover
                     anchorPosition="downCenter"
                     button={
-                      <EuiLink
-                        color="primary"
+                      <ForwardRef
                         onClick={[Function]}
-                        type="button"
                       >
                         <FormattedMessage
                           defaultMessage="Show definition"
                           id="xpack.indexLifecycleMgmt.indexLifecycleMgmtSummary.showPhaseDefinitionButton"
                           values={Object {}}
                         />
-                      </EuiLink>
+                      </ForwardRef>
                     }
                     closePopover={[Function]}
                     display="inlineBlock"
@@ -522,9 +518,7 @@ exports[`ilm summary extension should return extension when index has lifecycle
                           className="euiPopover__anchor"
                         >
                           <EuiLink
-                            color="primary"
                             onClick={[Function]}
-                            type="button"
                           >
                             <button
                               className="euiLink euiLink--primary"
@@ -741,9 +735,7 @@ exports[`ilm summary extension should return extension when index has lifecycle
                   className="euiDescriptionList__description"
                 >
                   <EuiLink
-                    color="primary"
                     href="#/management/elasticsearch/index_lifecycle_management/policies/edit/testy"
-                    type="button"
                   >
                     <a
                       className="euiLink euiLink--primary"
diff --git a/x-pack/legacy/plugins/index_lifecycle_management/__jest__/components/__snapshots__/policy_table.test.js.snap b/x-pack/legacy/plugins/index_lifecycle_management/__jest__/components/__snapshots__/policy_table.test.js.snap
index 57a2373729b48..dcd0a30c98ab1 100644
--- a/x-pack/legacy/plugins/index_lifecycle_management/__jest__/components/__snapshots__/policy_table.test.js.snap
+++ b/x-pack/legacy/plugins/index_lifecycle_management/__jest__/components/__snapshots__/policy_table.test.js.snap
@@ -46,7 +46,7 @@ Array [
 `;
 
 exports[`policy table should show empty state when there are not any policies 1`] = `
-<div
+<main
   class="euiPageBody"
 >
   <div
@@ -126,7 +126,7 @@ exports[`policy table should show empty state when there are not any policies 1`
       />
     </div>
   </div>
-</div>
+</main>
 `;
 
 exports[`policy table should sort when linked indices header is clicked 1`] = `
diff --git a/x-pack/legacy/plugins/infra/public/components/navigation/routed_tabs.tsx b/x-pack/legacy/plugins/infra/public/components/navigation/routed_tabs.tsx
index 063dcea7ddeae..437a0eb513da0 100644
--- a/x-pack/legacy/plugins/infra/public/components/navigation/routed_tabs.tsx
+++ b/x-pack/legacy/plugins/infra/public/components/navigation/routed_tabs.tsx
@@ -37,7 +37,7 @@ export class RoutedTabs extends React.Component<RoutedTabsProps> {
               <EuiLink
                 href={`#${tab.path}`}
                 data-test-subj={`infrastructureNavLink_${tab.path}`}
-                onClick={e => {
+                onClick={(e: React.MouseEvent<HTMLAnchorElement>) => {
                   e.preventDefault();
                   history.push(tab.path);
                 }}
diff --git a/x-pack/legacy/plugins/infra/public/pages/logs/analysis/setup/steps/initial_configuration.tsx b/x-pack/legacy/plugins/infra/public/pages/logs/analysis/setup/steps/initial_configuration.tsx
index aee6ce80a995c..b687924ff57aa 100644
--- a/x-pack/legacy/plugins/infra/public/pages/logs/analysis/setup/steps/initial_configuration.tsx
+++ b/x-pack/legacy/plugins/infra/public/pages/logs/analysis/setup/steps/initial_configuration.tsx
@@ -44,7 +44,7 @@ export const InitialConfiguration: React.FunctionComponent<InitialConfigurationP
               defaultMessage="By default, Machine Learning analyzes log messages in your log indices no older than four weeks, and continues indefinitely."
             />{' '}
             <EuiLink
-              onClick={e => {
+              onClick={(e: React.MouseEvent<HTMLButtonElement>) => {
                 e.preventDefault();
                 setShowTimeRangeForm(true);
               }}
diff --git a/x-pack/legacy/plugins/infra/types/eui.d.ts b/x-pack/legacy/plugins/infra/types/eui.d.ts
index f117181eae43d..bff71b5e1c522 100644
--- a/x-pack/legacy/plugins/infra/types/eui.d.ts
+++ b/x-pack/legacy/plugins/infra/types/eui.d.ts
@@ -16,31 +16,6 @@ import { MouseEventHandler, ReactType, Ref } from 'react';
 import { JsonObject } from '../common/typed_json';
 
 declare module '@elastic/eui' {
-  export interface EuiBreadcrumbDefinition {
-    text: React.ReactNode;
-    href?: string;
-    onClick?: React.MouseEventHandler<any>;
-  }
-  type EuiBreadcrumbsProps = CommonProps & {
-    responsive?: boolean;
-    truncate?: boolean;
-    max?: number;
-    breadcrumbs: EuiBreadcrumbDefinition[];
-  };
-
-  type EuiHeaderProps = CommonProps;
-  export const EuiHeader: React.SFC<EuiHeaderProps>;
-
-  export type EuiHeaderSectionSide = 'left' | 'right';
-  type EuiHeaderSectionProps = CommonProps & {
-    side?: EuiHeaderSectionSide;
-    grow?: boolean;
-  };
-  export const EuiHeaderSection: React.SFC<EuiHeaderSectionProps>;
-
-  type EuiHeaderBreadcrumbsProps = EuiBreadcrumbsProps;
-  export const EuiHeaderBreadcrumbs: React.SFC<EuiHeaderBreadcrumbsProps>;
-
   interface EuiFormControlLayoutIconProps {
     type: IconType;
     side?: 'left' | 'right';
diff --git a/x-pack/legacy/plugins/lens/public/indexpattern_plugin/change_indexpattern.tsx b/x-pack/legacy/plugins/lens/public/indexpattern_plugin/change_indexpattern.tsx
index 7606b954595b6..c101a8bfb7f08 100644
--- a/x-pack/legacy/plugins/lens/public/indexpattern_plugin/change_indexpattern.tsx
+++ b/x-pack/legacy/plugins/lens/public/indexpattern_plugin/change_indexpattern.tsx
@@ -10,10 +10,10 @@ import { EuiButtonEmpty, EuiPopover, EuiSelectable, EuiButtonEmptyProps } from '
 import { EuiSelectableProps } from '@elastic/eui/src/components/selectable/selectable';
 import { IndexPatternRef } from './types';
 
-export interface ChangeIndexPatternTriggerProps extends EuiButtonEmptyProps {
+export type ChangeIndexPatternTriggerProps = EuiButtonEmptyProps & {
   label: string;
   title?: string;
-}
+};
 
 export function ChangeIndexPattern({
   indexPatternRefs,
diff --git a/x-pack/legacy/plugins/lens/public/xy_visualization_plugin/__snapshots__/xy_expression.test.tsx.snap b/x-pack/legacy/plugins/lens/public/xy_visualization_plugin/__snapshots__/xy_expression.test.tsx.snap
index fdc16f5aec6b9..8a79240159b2e 100644
--- a/x-pack/legacy/plugins/lens/public/xy_visualization_plugin/__snapshots__/xy_expression.test.tsx.snap
+++ b/x-pack/legacy/plugins/lens/public/xy_visualization_plugin/__snapshots__/xy_expression.test.tsx.snap
@@ -36,6 +36,28 @@ exports[`xy_expression XYChart component it renders area 1`] = `
             "fontSize": 12,
             "padding": 10,
           },
+          "gridLineStyle": Object {
+            "horizontal": Object {
+              "dash": Array [
+                0,
+                0,
+              ],
+              "opacity": 1,
+              "stroke": "rgba(239, 241, 244, 1)",
+              "strokeWidth": 1,
+              "visible": true,
+            },
+            "vertical": Object {
+              "dash": Array [
+                4,
+                4,
+              ],
+              "opacity": 1,
+              "stroke": "rgba(239, 241, 244, 1)",
+              "strokeWidth": 1,
+              "visible": true,
+            },
+          },
           "tickLabelStyle": Object {
             "fill": "rgba(105, 112, 125, 1)",
             "fontFamily": "'Inter UI', -apple-system, BlinkMacSystemFont,
@@ -44,8 +66,9 @@ exports[`xy_expression XYChart component it renders area 1`] = `
             "padding": 8,
           },
           "tickLineStyle": Object {
-            "stroke": "rgba(0,0,0,0)",
-            "strokeWidth": 0,
+            "stroke": "rgba(239, 241, 244, 1)",
+            "strokeWidth": 1,
+            "visible": false,
           },
         },
         "barSeriesStyle": Object {
@@ -100,6 +123,10 @@ exports[`xy_expression XYChart component it renders area 1`] = `
             "strokeWidth": 2,
           },
         },
+        "scales": Object {
+          "barsPadding": 0.25,
+          "histogramPadding": 0.05,
+        },
       }
     }
   />
@@ -191,6 +218,28 @@ exports[`xy_expression XYChart component it renders bar 1`] = `
             "fontSize": 12,
             "padding": 10,
           },
+          "gridLineStyle": Object {
+            "horizontal": Object {
+              "dash": Array [
+                0,
+                0,
+              ],
+              "opacity": 1,
+              "stroke": "rgba(239, 241, 244, 1)",
+              "strokeWidth": 1,
+              "visible": true,
+            },
+            "vertical": Object {
+              "dash": Array [
+                4,
+                4,
+              ],
+              "opacity": 1,
+              "stroke": "rgba(239, 241, 244, 1)",
+              "strokeWidth": 1,
+              "visible": true,
+            },
+          },
           "tickLabelStyle": Object {
             "fill": "rgba(105, 112, 125, 1)",
             "fontFamily": "'Inter UI', -apple-system, BlinkMacSystemFont,
@@ -199,8 +248,9 @@ exports[`xy_expression XYChart component it renders bar 1`] = `
             "padding": 8,
           },
           "tickLineStyle": Object {
-            "stroke": "rgba(0,0,0,0)",
-            "strokeWidth": 0,
+            "stroke": "rgba(239, 241, 244, 1)",
+            "strokeWidth": 1,
+            "visible": false,
           },
         },
         "barSeriesStyle": Object {
@@ -255,6 +305,10 @@ exports[`xy_expression XYChart component it renders bar 1`] = `
             "strokeWidth": 2,
           },
         },
+        "scales": Object {
+          "barsPadding": 0.25,
+          "histogramPadding": 0.05,
+        },
       }
     }
   />
@@ -346,6 +400,28 @@ exports[`xy_expression XYChart component it renders horizontal bar 1`] = `
             "fontSize": 12,
             "padding": 10,
           },
+          "gridLineStyle": Object {
+            "horizontal": Object {
+              "dash": Array [
+                0,
+                0,
+              ],
+              "opacity": 1,
+              "stroke": "rgba(239, 241, 244, 1)",
+              "strokeWidth": 1,
+              "visible": true,
+            },
+            "vertical": Object {
+              "dash": Array [
+                4,
+                4,
+              ],
+              "opacity": 1,
+              "stroke": "rgba(239, 241, 244, 1)",
+              "strokeWidth": 1,
+              "visible": true,
+            },
+          },
           "tickLabelStyle": Object {
             "fill": "rgba(105, 112, 125, 1)",
             "fontFamily": "'Inter UI', -apple-system, BlinkMacSystemFont,
@@ -354,8 +430,9 @@ exports[`xy_expression XYChart component it renders horizontal bar 1`] = `
             "padding": 8,
           },
           "tickLineStyle": Object {
-            "stroke": "rgba(0,0,0,0)",
-            "strokeWidth": 0,
+            "stroke": "rgba(239, 241, 244, 1)",
+            "strokeWidth": 1,
+            "visible": false,
           },
         },
         "barSeriesStyle": Object {
@@ -410,6 +487,10 @@ exports[`xy_expression XYChart component it renders horizontal bar 1`] = `
             "strokeWidth": 2,
           },
         },
+        "scales": Object {
+          "barsPadding": 0.25,
+          "histogramPadding": 0.05,
+        },
       }
     }
   />
@@ -501,6 +582,28 @@ exports[`xy_expression XYChart component it renders line 1`] = `
             "fontSize": 12,
             "padding": 10,
           },
+          "gridLineStyle": Object {
+            "horizontal": Object {
+              "dash": Array [
+                0,
+                0,
+              ],
+              "opacity": 1,
+              "stroke": "rgba(239, 241, 244, 1)",
+              "strokeWidth": 1,
+              "visible": true,
+            },
+            "vertical": Object {
+              "dash": Array [
+                4,
+                4,
+              ],
+              "opacity": 1,
+              "stroke": "rgba(239, 241, 244, 1)",
+              "strokeWidth": 1,
+              "visible": true,
+            },
+          },
           "tickLabelStyle": Object {
             "fill": "rgba(105, 112, 125, 1)",
             "fontFamily": "'Inter UI', -apple-system, BlinkMacSystemFont,
@@ -509,8 +612,9 @@ exports[`xy_expression XYChart component it renders line 1`] = `
             "padding": 8,
           },
           "tickLineStyle": Object {
-            "stroke": "rgba(0,0,0,0)",
-            "strokeWidth": 0,
+            "stroke": "rgba(239, 241, 244, 1)",
+            "strokeWidth": 1,
+            "visible": false,
           },
         },
         "barSeriesStyle": Object {
@@ -565,6 +669,10 @@ exports[`xy_expression XYChart component it renders line 1`] = `
             "strokeWidth": 2,
           },
         },
+        "scales": Object {
+          "barsPadding": 0.25,
+          "histogramPadding": 0.05,
+        },
       }
     }
   />
@@ -656,6 +764,28 @@ exports[`xy_expression XYChart component it renders stacked area 1`] = `
             "fontSize": 12,
             "padding": 10,
           },
+          "gridLineStyle": Object {
+            "horizontal": Object {
+              "dash": Array [
+                0,
+                0,
+              ],
+              "opacity": 1,
+              "stroke": "rgba(239, 241, 244, 1)",
+              "strokeWidth": 1,
+              "visible": true,
+            },
+            "vertical": Object {
+              "dash": Array [
+                4,
+                4,
+              ],
+              "opacity": 1,
+              "stroke": "rgba(239, 241, 244, 1)",
+              "strokeWidth": 1,
+              "visible": true,
+            },
+          },
           "tickLabelStyle": Object {
             "fill": "rgba(105, 112, 125, 1)",
             "fontFamily": "'Inter UI', -apple-system, BlinkMacSystemFont,
@@ -664,8 +794,9 @@ exports[`xy_expression XYChart component it renders stacked area 1`] = `
             "padding": 8,
           },
           "tickLineStyle": Object {
-            "stroke": "rgba(0,0,0,0)",
-            "strokeWidth": 0,
+            "stroke": "rgba(239, 241, 244, 1)",
+            "strokeWidth": 1,
+            "visible": false,
           },
         },
         "barSeriesStyle": Object {
@@ -720,6 +851,10 @@ exports[`xy_expression XYChart component it renders stacked area 1`] = `
             "strokeWidth": 2,
           },
         },
+        "scales": Object {
+          "barsPadding": 0.25,
+          "histogramPadding": 0.05,
+        },
       }
     }
   />
@@ -815,6 +950,28 @@ exports[`xy_expression XYChart component it renders stacked bar 1`] = `
             "fontSize": 12,
             "padding": 10,
           },
+          "gridLineStyle": Object {
+            "horizontal": Object {
+              "dash": Array [
+                0,
+                0,
+              ],
+              "opacity": 1,
+              "stroke": "rgba(239, 241, 244, 1)",
+              "strokeWidth": 1,
+              "visible": true,
+            },
+            "vertical": Object {
+              "dash": Array [
+                4,
+                4,
+              ],
+              "opacity": 1,
+              "stroke": "rgba(239, 241, 244, 1)",
+              "strokeWidth": 1,
+              "visible": true,
+            },
+          },
           "tickLabelStyle": Object {
             "fill": "rgba(105, 112, 125, 1)",
             "fontFamily": "'Inter UI', -apple-system, BlinkMacSystemFont,
@@ -823,8 +980,9 @@ exports[`xy_expression XYChart component it renders stacked bar 1`] = `
             "padding": 8,
           },
           "tickLineStyle": Object {
-            "stroke": "rgba(0,0,0,0)",
-            "strokeWidth": 0,
+            "stroke": "rgba(239, 241, 244, 1)",
+            "strokeWidth": 1,
+            "visible": false,
           },
         },
         "barSeriesStyle": Object {
@@ -879,6 +1037,10 @@ exports[`xy_expression XYChart component it renders stacked bar 1`] = `
             "strokeWidth": 2,
           },
         },
+        "scales": Object {
+          "barsPadding": 0.25,
+          "histogramPadding": 0.05,
+        },
       }
     }
   />
@@ -974,6 +1136,28 @@ exports[`xy_expression XYChart component it renders stacked horizontal bar 1`] =
             "fontSize": 12,
             "padding": 10,
           },
+          "gridLineStyle": Object {
+            "horizontal": Object {
+              "dash": Array [
+                0,
+                0,
+              ],
+              "opacity": 1,
+              "stroke": "rgba(239, 241, 244, 1)",
+              "strokeWidth": 1,
+              "visible": true,
+            },
+            "vertical": Object {
+              "dash": Array [
+                4,
+                4,
+              ],
+              "opacity": 1,
+              "stroke": "rgba(239, 241, 244, 1)",
+              "strokeWidth": 1,
+              "visible": true,
+            },
+          },
           "tickLabelStyle": Object {
             "fill": "rgba(105, 112, 125, 1)",
             "fontFamily": "'Inter UI', -apple-system, BlinkMacSystemFont,
@@ -982,8 +1166,9 @@ exports[`xy_expression XYChart component it renders stacked horizontal bar 1`] =
             "padding": 8,
           },
           "tickLineStyle": Object {
-            "stroke": "rgba(0,0,0,0)",
-            "strokeWidth": 0,
+            "stroke": "rgba(239, 241, 244, 1)",
+            "strokeWidth": 1,
+            "visible": false,
           },
         },
         "barSeriesStyle": Object {
@@ -1038,6 +1223,10 @@ exports[`xy_expression XYChart component it renders stacked horizontal bar 1`] =
             "strokeWidth": 2,
           },
         },
+        "scales": Object {
+          "barsPadding": 0.25,
+          "histogramPadding": 0.05,
+        },
       }
     }
   />
diff --git a/x-pack/legacy/plugins/logstash/public/components/pipeline_editor/__snapshots__/flex_item_setting.test.js.snap b/x-pack/legacy/plugins/logstash/public/components/pipeline_editor/__snapshots__/flex_item_setting.test.js.snap
index c7d3e10aec46c..5ec28a8743670 100644
--- a/x-pack/legacy/plugins/logstash/public/components/pipeline_editor/__snapshots__/flex_item_setting.test.js.snap
+++ b/x-pack/legacy/plugins/logstash/public/components/pipeline_editor/__snapshots__/flex_item_setting.test.js.snap
@@ -8,6 +8,7 @@ exports[`FlexItemSetting component renders a null label if label/tooltip text no
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={true}
     label={null}
     labelType="label"
@@ -27,6 +28,7 @@ exports[`FlexItemSetting component renders component and children as expected 1`
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label={
       <FormLabelWithIconTip
diff --git a/x-pack/legacy/plugins/logstash/public/components/pipeline_editor/__snapshots__/pipeline_editor.test.js.snap b/x-pack/legacy/plugins/logstash/public/components/pipeline_editor/__snapshots__/pipeline_editor.test.js.snap
index b85c9c07c6297..6ff1307d43693 100644
--- a/x-pack/legacy/plugins/logstash/public/components/pipeline_editor/__snapshots__/pipeline_editor.test.js.snap
+++ b/x-pack/legacy/plugins/logstash/public/components/pipeline_editor/__snapshots__/pipeline_editor.test.js.snap
@@ -37,6 +37,7 @@ exports[`PipelineEditor component includes required error message for falsy pipe
         describedByIds={Array []}
         display="row"
         fullWidth={true}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormattedMessage
@@ -63,6 +64,7 @@ exports[`PipelineEditor component includes required error message for falsy pipe
         describedByIds={Array []}
         display="row"
         fullWidth={true}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormattedMessage
@@ -87,6 +89,7 @@ exports[`PipelineEditor component includes required error message for falsy pipe
         describedByIds={Array []}
         display="row"
         fullWidth={true}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormattedMessage
@@ -120,6 +123,7 @@ exports[`PipelineEditor component includes required error message for falsy pipe
         describedByIds={Array []}
         display="row"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormLabelWithIconTip
@@ -356,6 +360,7 @@ exports[`PipelineEditor component invalidates form for invalid pipeline id input
         describedByIds={Array []}
         display="row"
         fullWidth={true}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormattedMessage
@@ -382,6 +387,7 @@ exports[`PipelineEditor component invalidates form for invalid pipeline id input
         describedByIds={Array []}
         display="row"
         fullWidth={true}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormattedMessage
@@ -406,6 +412,7 @@ exports[`PipelineEditor component invalidates form for invalid pipeline id input
         describedByIds={Array []}
         display="row"
         fullWidth={true}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormattedMessage
@@ -439,6 +446,7 @@ exports[`PipelineEditor component invalidates form for invalid pipeline id input
         describedByIds={Array []}
         display="row"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormLabelWithIconTip
@@ -675,6 +683,7 @@ exports[`PipelineEditor component invalidates form for pipeline id with spaces 1
         describedByIds={Array []}
         display="row"
         fullWidth={true}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormattedMessage
@@ -701,6 +710,7 @@ exports[`PipelineEditor component invalidates form for pipeline id with spaces 1
         describedByIds={Array []}
         display="row"
         fullWidth={true}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormattedMessage
@@ -725,6 +735,7 @@ exports[`PipelineEditor component invalidates form for pipeline id with spaces 1
         describedByIds={Array []}
         display="row"
         fullWidth={true}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormattedMessage
@@ -758,6 +769,7 @@ exports[`PipelineEditor component invalidates form for pipeline id with spaces 1
         describedByIds={Array []}
         display="row"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormLabelWithIconTip
@@ -990,6 +1002,7 @@ exports[`PipelineEditor component matches snapshot for clone pipeline 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={true}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormattedMessage
@@ -1014,6 +1027,7 @@ exports[`PipelineEditor component matches snapshot for clone pipeline 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={true}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormattedMessage
@@ -1047,6 +1061,7 @@ exports[`PipelineEditor component matches snapshot for clone pipeline 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormLabelWithIconTip
@@ -1294,6 +1309,7 @@ exports[`PipelineEditor component matches snapshot for create pipeline 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={true}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormattedMessage
@@ -1320,6 +1336,7 @@ exports[`PipelineEditor component matches snapshot for create pipeline 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={true}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormattedMessage
@@ -1344,6 +1361,7 @@ exports[`PipelineEditor component matches snapshot for create pipeline 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={true}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormattedMessage
@@ -1377,6 +1395,7 @@ exports[`PipelineEditor component matches snapshot for create pipeline 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormLabelWithIconTip
@@ -1609,6 +1628,7 @@ exports[`PipelineEditor component matches snapshot for edit pipeline 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={true}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormattedMessage
@@ -1633,6 +1653,7 @@ exports[`PipelineEditor component matches snapshot for edit pipeline 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={true}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormattedMessage
@@ -1666,6 +1687,7 @@ exports[`PipelineEditor component matches snapshot for edit pipeline 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormLabelWithIconTip
diff --git a/x-pack/legacy/plugins/maps/public/components/__snapshots__/geometry_filter_form.test.js.snap b/x-pack/legacy/plugins/maps/public/components/__snapshots__/geometry_filter_form.test.js.snap
index 053863c68775f..0205519674be3 100644
--- a/x-pack/legacy/plugins/maps/public/components/__snapshots__/geometry_filter_form.test.js.snap
+++ b/x-pack/legacy/plugins/maps/public/components/__snapshots__/geometry_filter_form.test.js.snap
@@ -6,6 +6,7 @@ exports[`should not render relation select when geo field is geo_point 1`] = `
     describedByIds={Array []}
     display="rowCompressed"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label="Geometry label"
     labelType="label"
@@ -23,6 +24,7 @@ exports[`should not render relation select when geo field is geo_point 1`] = `
     describedByIds={Array []}
     display="rowCompressed"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label="Filtered field"
     labelType="label"
@@ -83,6 +85,7 @@ exports[`should not show "within" relation when filter geometry is not closed 1`
     describedByIds={Array []}
     display="rowCompressed"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label="Geometry label"
     labelType="label"
@@ -100,6 +103,7 @@ exports[`should not show "within" relation when filter geometry is not closed 1`
     describedByIds={Array []}
     display="rowCompressed"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label="Filtered field"
     labelType="label"
@@ -140,6 +144,7 @@ exports[`should not show "within" relation when filter geometry is not closed 1`
     describedByIds={Array []}
     display="rowCompressed"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label="Spatial relation"
     labelType="label"
@@ -189,6 +194,7 @@ exports[`should render relation select when geo field is geo_shape 1`] = `
     describedByIds={Array []}
     display="rowCompressed"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label="Geometry label"
     labelType="label"
@@ -206,6 +212,7 @@ exports[`should render relation select when geo field is geo_shape 1`] = `
     describedByIds={Array []}
     display="rowCompressed"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label="Filtered field"
     labelType="label"
@@ -246,6 +253,7 @@ exports[`should render relation select when geo field is geo_shape 1`] = `
     describedByIds={Array []}
     display="rowCompressed"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label="Spatial relation"
     labelType="label"
diff --git a/x-pack/legacy/plugins/maps/public/connected_components/map/features_tooltip/__snapshots__/tooltip_header.test.js.snap b/x-pack/legacy/plugins/maps/public/connected_components/map/features_tooltip/__snapshots__/tooltip_header.test.js.snap
index 0c8b7456566e1..0d9ba8a3caf9f 100644
--- a/x-pack/legacy/plugins/maps/public/connected_components/map/features_tooltip/__snapshots__/tooltip_header.test.js.snap
+++ b/x-pack/legacy/plugins/maps/public/connected_components/map/features_tooltip/__snapshots__/tooltip_header.test.js.snap
@@ -43,6 +43,7 @@ exports[`TooltipHeader multiple features, multiple layers: locked should show pa
         describedByIds={Array []}
         display="rowCompressed"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         labelType="label"
       >
diff --git a/x-pack/legacy/plugins/maps/public/connected_components/widget_overlay/attribution_control/__snapshots__/view.test.js.snap b/x-pack/legacy/plugins/maps/public/connected_components/widget_overlay/attribution_control/__snapshots__/view.test.js.snap
index d0ea7043932d9..00381b68382d8 100644
--- a/x-pack/legacy/plugins/maps/public/connected_components/widget_overlay/attribution_control/__snapshots__/view.test.js.snap
+++ b/x-pack/legacy/plugins/maps/public/connected_components/widget_overlay/attribution_control/__snapshots__/view.test.js.snap
@@ -13,7 +13,6 @@ exports[`AttributionControl is rendered 1`] = `
           color="text"
           href="https://coolmaps.com"
           target="_blank"
-          type="button"
         >
           attribution with link
         </EuiLink>
diff --git a/x-pack/legacy/plugins/maps/public/layers/sources/es_search_source/__snapshots__/update_source_editor.test.js.snap b/x-pack/legacy/plugins/maps/public/layers/sources/es_search_source/__snapshots__/update_source_editor.test.js.snap
index fa605b78331d2..c0e443758ada6 100644
--- a/x-pack/legacy/plugins/maps/public/layers/sources/es_search_source/__snapshots__/update_source_editor.test.js.snap
+++ b/x-pack/legacy/plugins/maps/public/layers/sources/es_search_source/__snapshots__/update_source_editor.test.js.snap
@@ -6,6 +6,7 @@ exports[`should enable sort order select when sort field provided 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     labelType="label"
   >
@@ -19,6 +20,7 @@ exports[`should enable sort order select when sort field provided 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label="Sort"
     labelType="label"
@@ -68,6 +70,7 @@ exports[`should enable sort order select when sort field provided 1`] = `
     describedByIds={Array []}
     display="rowCompressed"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     labelType="label"
   >
@@ -82,6 +85,7 @@ exports[`should enable sort order select when sort field provided 1`] = `
     describedByIds={Array []}
     display="rowCompressed"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     labelType="label"
   >
@@ -101,6 +105,7 @@ exports[`should render top hits form when useTopHits is true 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     labelType="label"
   >
@@ -114,6 +119,7 @@ exports[`should render top hits form when useTopHits is true 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label="Sort"
     labelType="label"
@@ -162,6 +168,7 @@ exports[`should render top hits form when useTopHits is true 1`] = `
     describedByIds={Array []}
     display="rowCompressed"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     labelType="label"
   >
@@ -176,6 +183,7 @@ exports[`should render top hits form when useTopHits is true 1`] = `
     describedByIds={Array []}
     display="rowCompressed"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label="Entity"
     labelType="label"
@@ -193,6 +201,7 @@ exports[`should render top hits form when useTopHits is true 1`] = `
     describedByIds={Array []}
     display="rowCompressed"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label="Documents per entity"
     labelType="label"
@@ -214,6 +223,7 @@ exports[`should render top hits form when useTopHits is true 1`] = `
     describedByIds={Array []}
     display="rowCompressed"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     labelType="label"
   >
@@ -233,6 +243,7 @@ exports[`should render update source editor 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     labelType="label"
   >
@@ -246,6 +257,7 @@ exports[`should render update source editor 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label="Sort"
     labelType="label"
@@ -294,6 +306,7 @@ exports[`should render update source editor 1`] = `
     describedByIds={Array []}
     display="rowCompressed"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     labelType="label"
   >
@@ -308,6 +321,7 @@ exports[`should render update source editor 1`] = `
     describedByIds={Array []}
     display="rowCompressed"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     labelType="label"
   >
diff --git a/x-pack/legacy/plugins/maps/public/layers/styles/components/heatmap/__snapshots__/heatmap_style_editor.test.js.snap b/x-pack/legacy/plugins/maps/public/layers/styles/components/heatmap/__snapshots__/heatmap_style_editor.test.js.snap
index ace42fd3fbb24..9a55e46b40aea 100644
--- a/x-pack/legacy/plugins/maps/public/layers/styles/components/heatmap/__snapshots__/heatmap_style_editor.test.js.snap
+++ b/x-pack/legacy/plugins/maps/public/layers/styles/components/heatmap/__snapshots__/heatmap_style_editor.test.js.snap
@@ -5,6 +5,7 @@ exports[`HeatmapStyleEditor is rendered 1`] = `
   describedByIds={Array []}
   display="rowCompressed"
   fullWidth={false}
+  hasChildLabel={true}
   hasEmptyLabelSpace={false}
   label="Color range"
   labelType="label"
diff --git a/x-pack/legacy/plugins/maps/public/layers/styles/components/vector/__snapshots__/vector_style_symbol_editor.test.js.snap b/x-pack/legacy/plugins/maps/public/layers/styles/components/vector/__snapshots__/vector_style_symbol_editor.test.js.snap
index 97706169d98bf..43ba2108242d5 100644
--- a/x-pack/legacy/plugins/maps/public/layers/styles/components/vector/__snapshots__/vector_style_symbol_editor.test.js.snap
+++ b/x-pack/legacy/plugins/maps/public/layers/styles/components/vector/__snapshots__/vector_style_symbol_editor.test.js.snap
@@ -6,6 +6,7 @@ exports[`Should render icon select when symbolized as Icon 1`] = `
     describedByIds={Array []}
     display="columnCompressed"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label="Symbol type"
     labelType="label"
@@ -69,6 +70,7 @@ exports[`Should render symbol select when symbolized as Circle 1`] = `
     describedByIds={Array []}
     display="columnCompressed"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label="Symbol type"
     labelType="label"
diff --git a/x-pack/legacy/plugins/ml/public/components/rule_editor/__snapshots__/rule_editor_flyout.test.js.snap b/x-pack/legacy/plugins/ml/public/components/rule_editor/__snapshots__/rule_editor_flyout.test.js.snap
index b0ec6e2ae5aa8..11dca03c938a2 100644
--- a/x-pack/legacy/plugins/ml/public/components/rule_editor/__snapshots__/rule_editor_flyout.test.js.snap
+++ b/x-pack/legacy/plugins/ml/public/components/rule_editor/__snapshots__/rule_editor_flyout.test.js.snap
@@ -100,18 +100,16 @@ exports[`RuleEditorFlyout renders the flyout after adding a condition to a rule
             id="xpack.ml.ruleEditor.ruleEditorFlyout.rulesDescription"
             values={
               Object {
-                "learnMoreLink": <EuiLink
-                  color="primary"
+                "learnMoreLink": <ForwardRef
                   href="https://www.elastic.co/guide/en/elastic-stack-overview/jest-metadata-mock-branch/ml-rules.html"
                   target="_blank"
-                  type="button"
                 >
                   <FormattedMessage
                     defaultMessage="Learn more"
                     id="xpack.ml.ruleEditor.ruleEditorFlyout.rulesDescription.learnMoreLinkText"
                     values={Object {}}
                   />
-                </EuiLink>,
+                </ForwardRef>,
               }
             }
           />
@@ -366,18 +364,16 @@ exports[`RuleEditorFlyout renders the flyout after setting the rule to edit 1`]
             id="xpack.ml.ruleEditor.ruleEditorFlyout.rulesDescription"
             values={
               Object {
-                "learnMoreLink": <EuiLink
-                  color="primary"
+                "learnMoreLink": <ForwardRef
                   href="https://www.elastic.co/guide/en/elastic-stack-overview/jest-metadata-mock-branch/ml-rules.html"
                   target="_blank"
-                  type="button"
                 >
                   <FormattedMessage
                     defaultMessage="Learn more"
                     id="xpack.ml.ruleEditor.ruleEditorFlyout.rulesDescription.learnMoreLinkText"
                     values={Object {}}
                   />
-                </EuiLink>,
+                </ForwardRef>,
               }
             }
           />
@@ -618,18 +614,16 @@ exports[`RuleEditorFlyout renders the flyout for creating a rule with conditions
             id="xpack.ml.ruleEditor.ruleEditorFlyout.rulesDescription"
             values={
               Object {
-                "learnMoreLink": <EuiLink
-                  color="primary"
+                "learnMoreLink": <ForwardRef
                   href="https://www.elastic.co/guide/en/elastic-stack-overview/jest-metadata-mock-branch/ml-rules.html"
                   target="_blank"
-                  type="button"
                 >
                   <FormattedMessage
                     defaultMessage="Learn more"
                     id="xpack.ml.ruleEditor.ruleEditorFlyout.rulesDescription.learnMoreLinkText"
                     values={Object {}}
                   />
-                </EuiLink>,
+                </ForwardRef>,
               }
             }
           />
diff --git a/x-pack/legacy/plugins/ml/public/components/rule_editor/select_rule_action/__snapshots__/add_to_filter_list_link.test.js.snap b/x-pack/legacy/plugins/ml/public/components/rule_editor/select_rule_action/__snapshots__/add_to_filter_list_link.test.js.snap
index 5df5ff529ccc3..1f206525679e5 100644
--- a/x-pack/legacy/plugins/ml/public/components/rule_editor/select_rule_action/__snapshots__/add_to_filter_list_link.test.js.snap
+++ b/x-pack/legacy/plugins/ml/public/components/rule_editor/select_rule_action/__snapshots__/add_to_filter_list_link.test.js.snap
@@ -2,9 +2,7 @@
 
 exports[`AddToFilterListLink renders the add to filter list link for a value 1`] = `
 <EuiLink
-  color="primary"
   onClick={[Function]}
-  type="button"
 >
   <FormattedMessage
     defaultMessage="Add {fieldValue} to {filterId}"
diff --git a/x-pack/legacy/plugins/ml/public/components/rule_editor/select_rule_action/__snapshots__/delete_rule_modal.test.js.snap b/x-pack/legacy/plugins/ml/public/components/rule_editor/select_rule_action/__snapshots__/delete_rule_modal.test.js.snap
index f2b501fb67a7a..708bddd145393 100644
--- a/x-pack/legacy/plugins/ml/public/components/rule_editor/select_rule_action/__snapshots__/delete_rule_modal.test.js.snap
+++ b/x-pack/legacy/plugins/ml/public/components/rule_editor/select_rule_action/__snapshots__/delete_rule_modal.test.js.snap
@@ -5,7 +5,6 @@ exports[`DeleteRuleModal renders as delete button after opening and closing moda
   <EuiLink
     color="danger"
     onClick={[Function]}
-    type="button"
   >
     <FormattedMessage
       defaultMessage="Delete rule"
@@ -21,7 +20,6 @@ exports[`DeleteRuleModal renders as delete button when not visible 1`] = `
   <EuiLink
     color="danger"
     onClick={[Function]}
-    type="button"
   >
     <FormattedMessage
       defaultMessage="Delete rule"
@@ -37,7 +35,6 @@ exports[`DeleteRuleModal renders modal after clicking delete rule link 1`] = `
   <EuiLink
     color="danger"
     onClick={[Function]}
-    type="button"
   >
     <FormattedMessage
       defaultMessage="Delete rule"
diff --git a/x-pack/legacy/plugins/ml/public/components/rule_editor/select_rule_action/__snapshots__/edit_condition_link.test.js.snap b/x-pack/legacy/plugins/ml/public/components/rule_editor/select_rule_action/__snapshots__/edit_condition_link.test.js.snap
index 3aa9740ce4ae9..ba44032afb3c2 100644
--- a/x-pack/legacy/plugins/ml/public/components/rule_editor/select_rule_action/__snapshots__/edit_condition_link.test.js.snap
+++ b/x-pack/legacy/plugins/ml/public/components/rule_editor/select_rule_action/__snapshots__/edit_condition_link.test.js.snap
@@ -38,10 +38,8 @@ exports[`EditConditionLink renders for a condition using actual 1`] = `
     grow={false}
   >
     <EuiLink
-      color="primary"
       onClick={[Function]}
       size="s"
-      type="button"
     >
       <FormattedMessage
         defaultMessage="Update"
@@ -91,10 +89,8 @@ exports[`EditConditionLink renders for a condition using diff from typical 1`] =
     grow={false}
   >
     <EuiLink
-      color="primary"
       onClick={[Function]}
       size="s"
-      type="button"
     >
       <FormattedMessage
         defaultMessage="Update"
@@ -144,10 +140,8 @@ exports[`EditConditionLink renders for a condition using typical 1`] = `
     grow={false}
   >
     <EuiLink
-      color="primary"
       onClick={[Function]}
       size="s"
-      type="button"
     >
       <FormattedMessage
         defaultMessage="Update"
diff --git a/x-pack/legacy/plugins/ml/public/components/rule_editor/select_rule_action/__snapshots__/rule_action_panel.test.js.snap b/x-pack/legacy/plugins/ml/public/components/rule_editor/select_rule_action/__snapshots__/rule_action_panel.test.js.snap
index 6e00713ebb892..463d0b5dbed53 100644
--- a/x-pack/legacy/plugins/ml/public/components/rule_editor/select_rule_action/__snapshots__/rule_action_panel.test.js.snap
+++ b/x-pack/legacy/plugins/ml/public/components/rule_editor/select_rule_action/__snapshots__/rule_action_panel.test.js.snap
@@ -43,17 +43,15 @@ exports[`RuleActionPanel renders panel for rule with a condition 1`] = `
           "title": "actions",
         },
         Object {
-          "description": <EuiLink
-            color="primary"
+          "description": <ForwardRef
             onClick={[Function]}
-            type="button"
           >
             <FormattedMessage
               defaultMessage="Edit rule"
               id="xpack.ml.ruleEditor.ruleActionPanel.editRuleLinkText"
               values={Object {}}
             />
-          </EuiLink>,
+          </ForwardRef>,
           "title": "",
         },
         Object {
@@ -95,17 +93,15 @@ exports[`RuleActionPanel renders panel for rule with a condition and scope, valu
           "title": "actions",
         },
         Object {
-          "description": <EuiLink
-            color="primary"
+          "description": <ForwardRef
             onClick={[Function]}
-            type="button"
           >
             <FormattedMessage
               defaultMessage="Edit rule"
               id="xpack.ml.ruleEditor.ruleActionPanel.editRuleLinkText"
               values={Object {}}
             />
-          </EuiLink>,
+          </ForwardRef>,
           "title": "",
         },
         Object {
@@ -139,17 +135,15 @@ exports[`RuleActionPanel renders panel for rule with scope, value in filter list
           />,
         },
         Object {
-          "description": <EuiLink
-            color="primary"
+          "description": <ForwardRef
             onClick={[Function]}
-            type="button"
           >
             <FormattedMessage
               defaultMessage="Edit rule"
               id="xpack.ml.ruleEditor.ruleActionPanel.editRuleLinkText"
               values={Object {}}
             />
-          </EuiLink>,
+          </ForwardRef>,
           "title": "actions",
         },
         Object {
diff --git a/x-pack/legacy/plugins/ml/public/components/validate_job/__snapshots__/validate_job_view.test.js.snap b/x-pack/legacy/plugins/ml/public/components/validate_job/__snapshots__/validate_job_view.test.js.snap
index 8e8e0264060e7..0968b42b92b48 100644
--- a/x-pack/legacy/plugins/ml/public/components/validate_job/__snapshots__/validate_job_view.test.js.snap
+++ b/x-pack/legacy/plugins/ml/public/components/validate_job/__snapshots__/validate_job_view.test.js.snap
@@ -57,18 +57,16 @@ exports[`ValidateJob renders button and modal with a message 1`] = `
           id="xpack.ml.validateJob.modal.linkToJobTipsText"
           values={
             Object {
-              "mlJobTipsLink": <EuiLink
-                color="primary"
+              "mlJobTipsLink": <ForwardRef
                 href="https://www.elastic.co/guide/en/kibana/jest-metadata-mock-branch/job-tips.html"
                 target="_blank"
-                type="button"
               >
                 <FormattedMessage
                   defaultMessage="Machine Learning Job Tips"
                   id="xpack.ml.validateJob.modal.linkToJobTipsText.mlJobTipsLinkText"
                   values={Object {}}
                 />
-              </EuiLink>,
+              </ForwardRef>,
             }
           }
         />
@@ -145,18 +143,16 @@ exports[`ValidateJob renders the button and modal with a success message 1`] = `
           id="xpack.ml.validateJob.modal.linkToJobTipsText"
           values={
             Object {
-              "mlJobTipsLink": <EuiLink
-                color="primary"
+              "mlJobTipsLink": <ForwardRef
                 href="https://www.elastic.co/guide/en/kibana/jest-metadata-mock-branch/job-tips.html"
                 target="_blank"
-                type="button"
               >
                 <FormattedMessage
                   defaultMessage="Machine Learning Job Tips"
                   id="xpack.ml.validateJob.modal.linkToJobTipsText.mlJobTipsLinkText"
                   values={Object {}}
                 />
-              </EuiLink>,
+              </ForwardRef>,
             }
           }
         />
diff --git a/x-pack/legacy/plugins/ml/public/datavisualizer/file_based/components/edit_flyout/__snapshots__/overrides.test.js.snap b/x-pack/legacy/plugins/ml/public/datavisualizer/file_based/components/edit_flyout/__snapshots__/overrides.test.js.snap
index 08ed45cbb0109..77b3222c33dd8 100644
--- a/x-pack/legacy/plugins/ml/public/datavisualizer/file_based/components/edit_flyout/__snapshots__/overrides.test.js.snap
+++ b/x-pack/legacy/plugins/ml/public/datavisualizer/file_based/components/edit_flyout/__snapshots__/overrides.test.js.snap
@@ -7,6 +7,7 @@ exports[`Overrides render overrides 1`] = `
     display="row"
     error="Value must be greater than 3 and less than or equal to 1000000"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     isInvalid={false}
     label={
@@ -30,6 +31,7 @@ exports[`Overrides render overrides 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label={
       <FormattedMessage
@@ -76,19 +78,18 @@ exports[`Overrides render overrides 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
       <EuiText
         size="xs"
       >
-        <EuiLink
-          color="primary"
+        <ForwardRef
           href="https://www.elastic.co/guide/en/elasticsearch/reference/jest-metadata-mock-branch/search-aggregations-bucket-daterange-aggregation.html#date-format-pattern"
           target="_blank"
-          type="button"
         >
           See more on accepted formats
-        </EuiLink>
+        </ForwardRef>
       </EuiText>
     }
     label={
@@ -328,6 +329,7 @@ exports[`Overrides render overrides 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label={
       <FormattedMessage
diff --git a/x-pack/legacy/plugins/ml/public/jobs/components/custom_url_editor/__snapshots__/editor.test.js.snap b/x-pack/legacy/plugins/ml/public/jobs/components/custom_url_editor/__snapshots__/editor.test.js.snap
index 47d191e4c51b9..54e6899d4c9e2 100644
--- a/x-pack/legacy/plugins/ml/public/jobs/components/custom_url_editor/__snapshots__/editor.test.js.snap
+++ b/x-pack/legacy/plugins/ml/public/jobs/components/custom_url_editor/__snapshots__/editor.test.js.snap
@@ -26,6 +26,7 @@ exports[`CustomUrlEditor renders the editor for a dashboard type URL with a labe
       display="row"
       error={Array []}
       fullWidth={false}
+      hasChildLabel={true}
       hasEmptyLabelSpace={false}
       isInvalid={false}
       label={
@@ -51,6 +52,7 @@ exports[`CustomUrlEditor renders the editor for a dashboard type URL with a labe
       describedByIds={Array []}
       display="row"
       fullWidth={false}
+      hasChildLabel={true}
       hasEmptyLabelSpace={false}
       label={
         <FormattedMessage
@@ -88,6 +90,7 @@ exports[`CustomUrlEditor renders the editor for a dashboard type URL with a labe
       describedByIds={Array []}
       display="row"
       fullWidth={false}
+      hasChildLabel={true}
       hasEmptyLabelSpace={false}
       label={
         <FormattedMessage
@@ -123,6 +126,7 @@ exports[`CustomUrlEditor renders the editor for a dashboard type URL with a labe
       describedByIds={Array []}
       display="row"
       fullWidth={false}
+      hasChildLabel={true}
       hasEmptyLabelSpace={false}
       label={
         <FormattedMessage
@@ -163,6 +167,7 @@ exports[`CustomUrlEditor renders the editor for a dashboard type URL with a labe
           describedByIds={Array []}
           display="row"
           fullWidth={false}
+          hasChildLabel={true}
           hasEmptyLabelSpace={false}
           label={
             <FormattedMessage
@@ -226,6 +231,7 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with an enti
       display="row"
       error={Array []}
       fullWidth={false}
+      hasChildLabel={true}
       hasEmptyLabelSpace={false}
       isInvalid={false}
       label={
@@ -251,6 +257,7 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with an enti
       describedByIds={Array []}
       display="row"
       fullWidth={false}
+      hasChildLabel={true}
       hasEmptyLabelSpace={false}
       label={
         <FormattedMessage
@@ -288,6 +295,7 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with an enti
       describedByIds={Array []}
       display="row"
       fullWidth={false}
+      hasChildLabel={true}
       hasEmptyLabelSpace={false}
       label={
         <FormattedMessage
@@ -323,6 +331,7 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with an enti
       describedByIds={Array []}
       display="row"
       fullWidth={false}
+      hasChildLabel={true}
       hasEmptyLabelSpace={false}
       label={
         <FormattedMessage
@@ -369,6 +378,7 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with an enti
           describedByIds={Array []}
           display="row"
           fullWidth={false}
+          hasChildLabel={true}
           hasEmptyLabelSpace={false}
           label={
             <FormattedMessage
@@ -413,6 +423,7 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with an enti
             ]
           }
           fullWidth={false}
+          hasChildLabel={true}
           hasEmptyLabelSpace={false}
           isInvalid={true}
           label={
@@ -465,6 +476,7 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with valid t
       display="row"
       error={Array []}
       fullWidth={false}
+      hasChildLabel={true}
       hasEmptyLabelSpace={false}
       isInvalid={false}
       label={
@@ -490,6 +502,7 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with valid t
       describedByIds={Array []}
       display="row"
       fullWidth={false}
+      hasChildLabel={true}
       hasEmptyLabelSpace={false}
       label={
         <FormattedMessage
@@ -527,6 +540,7 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with valid t
       describedByIds={Array []}
       display="row"
       fullWidth={false}
+      hasChildLabel={true}
       hasEmptyLabelSpace={false}
       label={
         <FormattedMessage
@@ -562,6 +576,7 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with valid t
       describedByIds={Array []}
       display="row"
       fullWidth={false}
+      hasChildLabel={true}
       hasEmptyLabelSpace={false}
       label={
         <FormattedMessage
@@ -608,6 +623,7 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with valid t
           describedByIds={Array []}
           display="row"
           fullWidth={false}
+          hasChildLabel={true}
           hasEmptyLabelSpace={false}
           label={
             <FormattedMessage
@@ -648,6 +664,7 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with valid t
           display="row"
           error={Array []}
           fullWidth={false}
+          hasChildLabel={true}
           hasEmptyLabelSpace={false}
           isInvalid={false}
           label={
@@ -704,6 +721,7 @@ exports[`CustomUrlEditor renders the editor for a new dashboard type URL with no
         ]
       }
       fullWidth={false}
+      hasChildLabel={true}
       hasEmptyLabelSpace={false}
       isInvalid={true}
       label={
@@ -729,6 +747,7 @@ exports[`CustomUrlEditor renders the editor for a new dashboard type URL with no
       describedByIds={Array []}
       display="row"
       fullWidth={false}
+      hasChildLabel={true}
       hasEmptyLabelSpace={false}
       label={
         <FormattedMessage
@@ -766,6 +785,7 @@ exports[`CustomUrlEditor renders the editor for a new dashboard type URL with no
       describedByIds={Array []}
       display="row"
       fullWidth={false}
+      hasChildLabel={true}
       hasEmptyLabelSpace={false}
       label={
         <FormattedMessage
@@ -801,6 +821,7 @@ exports[`CustomUrlEditor renders the editor for a new dashboard type URL with no
       describedByIds={Array []}
       display="row"
       fullWidth={false}
+      hasChildLabel={true}
       hasEmptyLabelSpace={false}
       label={
         <FormattedMessage
@@ -841,6 +862,7 @@ exports[`CustomUrlEditor renders the editor for a new dashboard type URL with no
           describedByIds={Array []}
           display="row"
           fullWidth={false}
+          hasChildLabel={true}
           hasEmptyLabelSpace={false}
           label={
             <FormattedMessage
@@ -908,6 +930,7 @@ exports[`CustomUrlEditor renders the editor for other type of URL with duplicate
         ]
       }
       fullWidth={false}
+      hasChildLabel={true}
       hasEmptyLabelSpace={false}
       isInvalid={true}
       label={
@@ -933,6 +956,7 @@ exports[`CustomUrlEditor renders the editor for other type of URL with duplicate
       describedByIds={Array []}
       display="row"
       fullWidth={false}
+      hasChildLabel={true}
       hasEmptyLabelSpace={false}
       label={
         <FormattedMessage
@@ -970,6 +994,7 @@ exports[`CustomUrlEditor renders the editor for other type of URL with duplicate
       describedByIds={Array []}
       display="row"
       fullWidth={true}
+      hasChildLabel={true}
       hasEmptyLabelSpace={false}
       label={
         <FormattedMessage
@@ -1019,6 +1044,7 @@ exports[`CustomUrlEditor renders the editor for other type of URL with unique la
       display="row"
       error={Array []}
       fullWidth={false}
+      hasChildLabel={true}
       hasEmptyLabelSpace={false}
       isInvalid={false}
       label={
@@ -1044,6 +1070,7 @@ exports[`CustomUrlEditor renders the editor for other type of URL with unique la
       describedByIds={Array []}
       display="row"
       fullWidth={false}
+      hasChildLabel={true}
       hasEmptyLabelSpace={false}
       label={
         <FormattedMessage
@@ -1081,6 +1108,7 @@ exports[`CustomUrlEditor renders the editor for other type of URL with unique la
       describedByIds={Array []}
       display="row"
       fullWidth={true}
+      hasChildLabel={true}
       hasEmptyLabelSpace={false}
       label={
         <FormattedMessage
diff --git a/x-pack/legacy/plugins/ml/public/jobs/components/custom_url_editor/__snapshots__/list.test.tsx.snap b/x-pack/legacy/plugins/ml/public/jobs/components/custom_url_editor/__snapshots__/list.test.tsx.snap
index a423955eff74c..04bf4a31b9577 100644
--- a/x-pack/legacy/plugins/ml/public/jobs/components/custom_url_editor/__snapshots__/list.test.tsx.snap
+++ b/x-pack/legacy/plugins/ml/public/jobs/components/custom_url_editor/__snapshots__/list.test.tsx.snap
@@ -13,6 +13,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
         display="row"
         error={Array []}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         isInvalid={false}
         label={
@@ -39,6 +40,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={true}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormattedMessage
@@ -68,6 +70,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
         display="row"
         error={Array []}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         isInvalid={false}
         label={
@@ -97,6 +100,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={true}
         labelType="label"
       >
@@ -128,6 +132,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={true}
         labelType="label"
       >
@@ -164,6 +169,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
         display="row"
         error={Array []}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         isInvalid={false}
         label={
@@ -190,6 +196,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={true}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormattedMessage
@@ -219,6 +226,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
         display="row"
         error={Array []}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         isInvalid={false}
         label={
@@ -248,6 +256,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={true}
         labelType="label"
       >
@@ -279,6 +288,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={true}
         labelType="label"
       >
@@ -315,6 +325,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
         display="row"
         error={Array []}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         isInvalid={false}
         label={
@@ -341,6 +352,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={true}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormattedMessage
@@ -370,6 +382,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
         display="row"
         error={Array []}
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         isInvalid={false}
         label={
@@ -399,6 +412,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={true}
         labelType="label"
       >
@@ -430,6 +444,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={true}
         labelType="label"
       >
diff --git a/x-pack/legacy/plugins/ml/public/settings/calendars/edit/calendar_form/__snapshots__/calendar_form.test.js.snap b/x-pack/legacy/plugins/ml/public/settings/calendars/edit/calendar_form/__snapshots__/calendar_form.test.js.snap
index 7552faeb41e6b..408042fb70cba 100644
--- a/x-pack/legacy/plugins/ml/public/settings/calendars/edit/calendar_form/__snapshots__/calendar_form.test.js.snap
+++ b/x-pack/legacy/plugins/ml/public/settings/calendars/edit/calendar_form/__snapshots__/calendar_form.test.js.snap
@@ -43,6 +43,7 @@ exports[`CalendarForm Renders calendar form 1`] = `
       ]
     }
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     isInvalid={true}
     label={
@@ -68,6 +69,7 @@ exports[`CalendarForm Renders calendar form 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label={
       <FormattedMessage
@@ -92,6 +94,7 @@ exports[`CalendarForm Renders calendar form 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label={
       <FormattedMessage
@@ -117,6 +120,7 @@ exports[`CalendarForm Renders calendar form 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label={
       <FormattedMessage
@@ -146,6 +150,7 @@ exports[`CalendarForm Renders calendar form 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={true}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label={
       <FormattedMessage
diff --git a/x-pack/legacy/plugins/ml/public/settings/calendars/list/__snapshots__/header.test.js.snap b/x-pack/legacy/plugins/ml/public/settings/calendars/list/__snapshots__/header.test.js.snap
index 166f277fc3701..2d32650a4b788 100644
--- a/x-pack/legacy/plugins/ml/public/settings/calendars/list/__snapshots__/header.test.js.snap
+++ b/x-pack/legacy/plugins/ml/public/settings/calendars/list/__snapshots__/header.test.js.snap
@@ -88,18 +88,16 @@ exports[`CalendarListsHeader renders header 1`] = `
           values={
             Object {
               "br": <br />,
-              "learnMoreLink": <EuiLink
-                color="primary"
+              "learnMoreLink": <ForwardRef
                 href="https://www.elastic.co/guide/en/elastic-stack-overview/jest-metadata-mock-branch/ml-calendars.html"
                 target="_blank"
-                type="button"
               >
                 <FormattedMessage
                   defaultMessage="Learn more"
                   id="xpack.ml.settings.calendars.listHeader.calendarsDescription.learnMoreLinkText"
                   values={Object {}}
                 />
-              </EuiLink>,
+              </ForwardRef>,
             }
           }
         />
diff --git a/x-pack/legacy/plugins/ml/public/settings/filter_lists/components/add_item_popover/__snapshots__/add_item_popover.test.js.snap b/x-pack/legacy/plugins/ml/public/settings/filter_lists/components/add_item_popover/__snapshots__/add_item_popover.test.js.snap
index bd0c62d2d2fa7..73cc5142bd073 100644
--- a/x-pack/legacy/plugins/ml/public/settings/filter_lists/components/add_item_popover/__snapshots__/add_item_popover.test.js.snap
+++ b/x-pack/legacy/plugins/ml/public/settings/filter_lists/components/add_item_popover/__snapshots__/add_item_popover.test.js.snap
@@ -34,6 +34,7 @@ exports[`AddItemPopover calls addItems with multiple items on clicking Add butto
         describedByIds={Array []}
         display="row"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormattedMessage
@@ -120,6 +121,7 @@ exports[`AddItemPopover opens the popover onButtonClick 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormattedMessage
@@ -206,6 +208,7 @@ exports[`AddItemPopover renders the popover 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormattedMessage
diff --git a/x-pack/legacy/plugins/ml/public/settings/filter_lists/components/edit_description_popover/__snapshots__/edit_description_popover.test.js.snap b/x-pack/legacy/plugins/ml/public/settings/filter_lists/components/edit_description_popover/__snapshots__/edit_description_popover.test.js.snap
index 5b7228b6e6a79..6513f2795ed3a 100644
--- a/x-pack/legacy/plugins/ml/public/settings/filter_lists/components/edit_description_popover/__snapshots__/edit_description_popover.test.js.snap
+++ b/x-pack/legacy/plugins/ml/public/settings/filter_lists/components/edit_description_popover/__snapshots__/edit_description_popover.test.js.snap
@@ -34,6 +34,7 @@ exports[`FilterListUsagePopover opens the popover onButtonClick 1`] = `
           describedByIds={Array []}
           display="row"
           fullWidth={false}
+          hasChildLabel={true}
           hasEmptyLabelSpace={false}
           label={
             <FormattedMessage
@@ -93,6 +94,7 @@ exports[`FilterListUsagePopover renders the popover with a description 1`] = `
           describedByIds={Array []}
           display="row"
           fullWidth={false}
+          hasChildLabel={true}
           hasEmptyLabelSpace={false}
           label={
             <FormattedMessage
@@ -152,6 +154,7 @@ exports[`FilterListUsagePopover renders the popover with no description 1`] = `
           describedByIds={Array []}
           display="row"
           fullWidth={false}
+          hasChildLabel={true}
           hasEmptyLabelSpace={false}
           label={
             <FormattedMessage
diff --git a/x-pack/legacy/plugins/ml/public/settings/filter_lists/edit/__snapshots__/header.test.js.snap b/x-pack/legacy/plugins/ml/public/settings/filter_lists/edit/__snapshots__/header.test.js.snap
index ced89dde8eb1a..7c0aa7951e951 100644
--- a/x-pack/legacy/plugins/ml/public/settings/filter_lists/edit/__snapshots__/header.test.js.snap
+++ b/x-pack/legacy/plugins/ml/public/settings/filter_lists/edit/__snapshots__/header.test.js.snap
@@ -56,6 +56,7 @@ exports[`EditFilterListHeader renders the header when creating a new filter list
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText="Use lowercase alphanumerics (a-z and 0-9), hyphens or underscores; must start and end with an alphanumeric character"
     isInvalid={false}
@@ -169,6 +170,7 @@ exports[`EditFilterListHeader renders the header when creating a new filter list
       ]
     }
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     isInvalid={true}
     label={
diff --git a/x-pack/legacy/plugins/ml/public/settings/filter_lists/list/__snapshots__/header.test.js.snap b/x-pack/legacy/plugins/ml/public/settings/filter_lists/list/__snapshots__/header.test.js.snap
index 34636e2364c86..7e658fde9f1cf 100644
--- a/x-pack/legacy/plugins/ml/public/settings/filter_lists/list/__snapshots__/header.test.js.snap
+++ b/x-pack/legacy/plugins/ml/public/settings/filter_lists/list/__snapshots__/header.test.js.snap
@@ -89,18 +89,16 @@ You can use the same filter list in multiple jobs.{br}{learnMoreLink}"
           values={
             Object {
               "br": <br />,
-              "learnMoreLink": <EuiLink
-                color="primary"
+              "learnMoreLink": <ForwardRef
                 href="https://www.elastic.co/guide/en/elastic-stack-overview/jest-metadata-mock-branch/ml-rules.html"
                 target="_blank"
-                type="button"
               >
                 <FormattedMessage
                   defaultMessage="Learn more"
                   id="xpack.ml.settings.filterLists.listHeader.filterListsContainsNotAllowedValuesDescription.learnMoreLinkText"
                   values={Object {}}
                 />
-              </EuiLink>,
+              </ForwardRef>,
             }
           }
         />
diff --git a/x-pack/legacy/plugins/monitoring/public/components/beats/overview/__snapshots__/overview.test.js.snap b/x-pack/legacy/plugins/monitoring/public/components/beats/overview/__snapshots__/overview.test.js.snap
index c07f0fdf64950..352f156bcf8e5 100644
--- a/x-pack/legacy/plugins/monitoring/public/components/beats/overview/__snapshots__/overview.test.js.snap
+++ b/x-pack/legacy/plugins/monitoring/public/components/beats/overview/__snapshots__/overview.test.js.snap
@@ -5,6 +5,7 @@ exports[`Overview that overview page renders normally 1`] = `
   restrictWidth={false}
 >
   <EuiPageBody
+    component="main"
     restrictWidth={false}
   >
     <EuiPageContent
@@ -202,6 +203,7 @@ exports[`Overview that overview page shows a message if there is no beats data 1
   restrictWidth={false}
 >
   <EuiPageBody
+    component="main"
     restrictWidth={false}
   >
     <EuiPageContent
diff --git a/x-pack/legacy/plugins/monitoring/public/components/elasticsearch/ccr/__snapshots__/ccr.test.js.snap b/x-pack/legacy/plugins/monitoring/public/components/elasticsearch/ccr/__snapshots__/ccr.test.js.snap
index 5551cf8e905cf..da83a4d7def14 100644
--- a/x-pack/legacy/plugins/monitoring/public/components/elasticsearch/ccr/__snapshots__/ccr.test.js.snap
+++ b/x-pack/legacy/plugins/monitoring/public/components/elasticsearch/ccr/__snapshots__/ccr.test.js.snap
@@ -5,6 +5,7 @@ exports[`Ccr that it renders normally 1`] = `
   restrictWidth={false}
 >
   <EuiPageBody
+    component="main"
     restrictWidth={false}
   >
     <EuiPageContent
diff --git a/x-pack/legacy/plugins/monitoring/public/components/elasticsearch/ccr_shard/__snapshots__/ccr_shard.test.js.snap b/x-pack/legacy/plugins/monitoring/public/components/elasticsearch/ccr_shard/__snapshots__/ccr_shard.test.js.snap
index 4bab93d794e0b..a980a3b04684d 100644
--- a/x-pack/legacy/plugins/monitoring/public/components/elasticsearch/ccr_shard/__snapshots__/ccr_shard.test.js.snap
+++ b/x-pack/legacy/plugins/monitoring/public/components/elasticsearch/ccr_shard/__snapshots__/ccr_shard.test.js.snap
@@ -59,6 +59,7 @@ exports[`CcrShard that it renders normally 1`] = `
   }
 >
   <EuiPageBody
+    component="main"
     restrictWidth={false}
   >
     <Status
diff --git a/x-pack/legacy/plugins/monitoring/public/components/logs/__snapshots__/logs.test.js.snap b/x-pack/legacy/plugins/monitoring/public/components/logs/__snapshots__/logs.test.js.snap
index df3b46de2e417..b108746a422bb 100644
--- a/x-pack/legacy/plugins/monitoring/public/components/logs/__snapshots__/logs.test.js.snap
+++ b/x-pack/legacy/plugins/monitoring/public/components/logs/__snapshots__/logs.test.js.snap
@@ -12,13 +12,11 @@ exports[`Logs should render a link to filter by cluster uuid 1`] = `
       id="xpack.monitoring.logs.listing.linkText"
       values={
         Object {
-          "link": <EuiLink
-            color="primary"
+          "link": <ForwardRef
             href="/app/infra#/link-to/internal-stack-monitoring/logs?filter=elasticsearch.cluster.uuid:12345"
-            type="button"
           >
             Logs
-          </EuiLink>,
+          </ForwardRef>,
         }
       }
     />
@@ -38,13 +36,11 @@ exports[`Logs should render a link to filter by cluster uuid and index uuid 1`]
       id="xpack.monitoring.logs.listing.linkText"
       values={
         Object {
-          "link": <EuiLink
-            color="primary"
+          "link": <ForwardRef
             href="/app/infra#/link-to/internal-stack-monitoring/logs?filter=elasticsearch.cluster.uuid:12345 and elasticsearch.index.name:6789"
-            type="button"
           >
             Logs
-          </EuiLink>,
+          </ForwardRef>,
         }
       }
     />
@@ -64,13 +60,11 @@ exports[`Logs should render a link to filter by cluster uuid and node uuid 1`] =
       id="xpack.monitoring.logs.listing.linkText"
       values={
         Object {
-          "link": <EuiLink
-            color="primary"
+          "link": <ForwardRef
             href="/app/infra#/link-to/internal-stack-monitoring/logs?filter=elasticsearch.cluster.uuid:12345 and elasticsearch.node.id:6789"
-            type="button"
           >
             Logs
-          </EuiLink>,
+          </ForwardRef>,
         }
       }
     />
@@ -291,13 +285,11 @@ exports[`Logs should render normally 1`] = `
         id="xpack.monitoring.logs.listing.linkText"
         values={
           Object {
-            "link": <EuiLink
-              color="primary"
+            "link": <ForwardRef
               href="/app/infra#/link-to/internal-stack-monitoring/logs"
-              type="button"
             >
               Logs
-            </EuiLink>,
+            </ForwardRef>,
           }
         }
       />
diff --git a/x-pack/legacy/plugins/monitoring/public/components/logs/__snapshots__/reason.test.js.snap b/x-pack/legacy/plugins/monitoring/public/components/logs/__snapshots__/reason.test.js.snap
index 9229f8f08aa16..fa4b11ed57240 100644
--- a/x-pack/legacy/plugins/monitoring/public/components/logs/__snapshots__/reason.test.js.snap
+++ b/x-pack/legacy/plugins/monitoring/public/components/logs/__snapshots__/reason.test.js.snap
@@ -12,17 +12,15 @@ exports[`Logs should render a default message 1`] = `
       id="xpack.monitoring.logs.reason.defaultMessage"
       values={
         Object {
-          "link": <EuiLink
-            color="primary"
+          "link": <ForwardRef
             href="https://www.elastic.co/guide/en/beats/filebeat/current/filebeat-installation.html"
-            type="button"
           >
             <FormattedMessage
               defaultMessage="Please verify your setup is correct."
               id="xpack.monitoring.logs.reason.defaultMessageLink"
               values={Object {}}
             />
-          </EuiLink>,
+          </ForwardRef>,
         }
       }
     />
@@ -42,13 +40,11 @@ exports[`Logs should render with a no cluster found reason 1`] = `
       id="xpack.monitoring.logs.reason.noClusterMessage"
       values={
         Object {
-          "link": <EuiLink
-            color="primary"
+          "link": <ForwardRef
             href="https://www.elastic.co/guide/en/beats/filebeat/current/filebeat-installation.html"
-            type="button"
           >
             setup
-          </EuiLink>,
+          </ForwardRef>,
         }
       }
     />
@@ -68,13 +64,11 @@ exports[`Logs should render with a no index found reason 1`] = `
       id="xpack.monitoring.logs.reason.noIndexMessage"
       values={
         Object {
-          "link": <EuiLink
-            color="primary"
+          "link": <ForwardRef
             href="https://www.elastic.co/guide/en/beats/filebeat/current/filebeat-installation.html"
-            type="button"
           >
             setup
-          </EuiLink>,
+          </ForwardRef>,
         }
       }
     />
@@ -94,13 +88,11 @@ exports[`Logs should render with a no index pattern found reason 1`] = `
       id="xpack.monitoring.logs.reason.noIndexPatternMessage"
       values={
         Object {
-          "link": <EuiLink
-            color="primary"
+          "link": <ForwardRef
             href="https://www.elastic.co/guide/en/beats/filebeat/current/filebeat-installation.html"
-            type="button"
           >
             Filebeat
-          </EuiLink>,
+          </ForwardRef>,
         }
       }
     />
@@ -120,13 +112,11 @@ exports[`Logs should render with a no node found reason 1`] = `
       id="xpack.monitoring.logs.reason.noNodeMessage"
       values={
         Object {
-          "link": <EuiLink
-            color="primary"
+          "link": <ForwardRef
             href="https://www.elastic.co/guide/en/beats/filebeat/current/filebeat-installation.html"
-            type="button"
           >
             setup
-          </EuiLink>,
+          </ForwardRef>,
         }
       }
     />
@@ -146,13 +136,11 @@ exports[`Logs should render with a no type found reason 1`] = `
       id="xpack.monitoring.logs.reason.noTypeMessage"
       values={
         Object {
-          "link": <EuiLink
-            color="primary"
+          "link": <ForwardRef
             href="https://www.elastic.co/guide/en/beats/filebeat/current/filebeat-module-elasticsearch.html"
-            type="button"
           >
             these directions
-          </EuiLink>,
+          </ForwardRef>,
         }
       }
     />
diff --git a/x-pack/legacy/plugins/monitoring/public/components/logstash/pipeline_viewer/views/__test__/__snapshots__/pipeline_viewer.test.js.snap b/x-pack/legacy/plugins/monitoring/public/components/logstash/pipeline_viewer/views/__test__/__snapshots__/pipeline_viewer.test.js.snap
index aaa012c7a534e..11d938e23543c 100644
--- a/x-pack/legacy/plugins/monitoring/public/components/logstash/pipeline_viewer/views/__test__/__snapshots__/pipeline_viewer.test.js.snap
+++ b/x-pack/legacy/plugins/monitoring/public/components/logstash/pipeline_viewer/views/__test__/__snapshots__/pipeline_viewer.test.js.snap
@@ -5,6 +5,7 @@ exports[`PipelineViewer component passes expected props 1`] = `
   restrictWidth={false}
 >
   <EuiPageBody
+    component="main"
     restrictWidth={false}
   >
     <EuiPageContent
@@ -78,6 +79,7 @@ exports[`PipelineViewer component renders DetailDrawer when selected vertex is n
   restrictWidth={false}
 >
   <EuiPageBody
+    component="main"
     restrictWidth={false}
   >
     <EuiPageContent
diff --git a/x-pack/legacy/plugins/monitoring/public/components/metricbeat_migration/flyout/__snapshots__/flyout.test.js.snap b/x-pack/legacy/plugins/monitoring/public/components/metricbeat_migration/flyout/__snapshots__/flyout.test.js.snap
index eec24b23c6e23..cda5a9ffe657c 100644
--- a/x-pack/legacy/plugins/monitoring/public/components/metricbeat_migration/flyout/__snapshots__/flyout.test.js.snap
+++ b/x-pack/legacy/plugins/monitoring/public/components/metricbeat_migration/flyout/__snapshots__/flyout.test.js.snap
@@ -29,6 +29,7 @@ exports[`Flyout apm part one should render normally 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={true}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText="Typically a single URL. If multiple URLs, separate with a comma.
                 The running Metricbeat instance must be able to communicate with these Elasticsearch servers."
@@ -161,18 +162,16 @@ exports[`Flyout apm part two should show instructions to migrate to metricbeat 1
         Object {
           "children": <EuiText>
             <p>
-              <EuiLink
-                color="primary"
+              <ForwardRef
                 href="https://www.elastic.co/guide/en/apm/metricbeat/current/metricbeat-installation.html"
                 target="_blank"
-                type="button"
               >
                 <FormattedMessage
                   defaultMessage="Follow the instructions here."
                   id="xpack.monitoring.metricbeatMigration.apmInstructions.installMetricbeatLinkText"
                   values={Object {}}
                 />
-              </EuiLink>
+              </ForwardRef>
             </p>
           </EuiText>,
           "title": "Install Metricbeat on the same server as the APM server",
@@ -222,18 +221,16 @@ exports[`Flyout apm part two should show instructions to migrate to metricbeat 1
                         Object {
                           "link": <React.Fragment>
                              
-                            <EuiLink
-                              color="primary"
+                            <ForwardRef
                               href="https://www.elastic.co/guide/en/apm/reference/current/configuring-metricbeat.html"
                               target="_blank"
-                              type="button"
                             >
                               <FormattedMessage
                                 defaultMessage="additional setup"
                                 id="xpack.monitoring.metricbeatMigration.securitySetupLinkText"
                                 values={Object {}}
                               />
-                            </EuiLink>
+                            </ForwardRef>
                           </React.Fragment>,
                         }
                       }
@@ -291,18 +288,16 @@ exports[`Flyout apm part two should show instructions to migrate to metricbeat 1
                         Object {
                           "link": <React.Fragment>
                              
-                            <EuiLink
-                              color="primary"
+                            <ForwardRef
                               href="https://www.elastic.co/guide/en/apm/reference/current/configuring-metricbeat.html"
                               target="_blank"
-                              type="button"
                             >
                               <FormattedMessage
                                 defaultMessage="additional setup"
                                 id="xpack.monitoring.metricbeatMigration.securitySetupLinkText"
                                 values={Object {}}
                               />
-                            </EuiLink>
+                            </ForwardRef>
                           </React.Fragment>,
                         }
                       }
@@ -317,18 +312,16 @@ exports[`Flyout apm part two should show instructions to migrate to metricbeat 1
         Object {
           "children": <EuiText>
             <p>
-              <EuiLink
-                color="primary"
+              <ForwardRef
                 href="https://www.elastic.co/guide/en/apm/metricbeat/current/metricbeat-starting.html"
                 target="_blank"
-                type="button"
               >
                 <FormattedMessage
                   defaultMessage="Follow the instructions here."
                   id="xpack.monitoring.metricbeatMigration.apmInstructions.startMetricbeatLinkText"
                   values={Object {}}
                 />
-              </EuiLink>
+              </ForwardRef>
             </p>
           </EuiText>,
           "title": "Start Metricbeat",
@@ -377,6 +370,7 @@ exports[`Flyout beats part one should render normally 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={true}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText="Typically a single URL. If multiple URLs, separate with a comma.
                 The running Metricbeat instance must be able to communicate with these Elasticsearch servers."
@@ -514,18 +508,16 @@ exports[`Flyout beats part two should show instructions to migrate to metricbeat
         Object {
           "children": <EuiText>
             <p>
-              <EuiLink
-                color="primary"
+              <ForwardRef
                 href="https://www.elastic.co/guide/en/beats/metricbeat/current/metricbeat-installation.html"
                 target="_blank"
-                type="button"
               >
                 <FormattedMessage
                   defaultMessage="Follow the instructions here."
                   id="xpack.monitoring.metricbeatMigration.beatsInstructions.installMetricbeatLinkText"
                   values={Object {}}
                 />
-              </EuiLink>
+              </ForwardRef>
             </p>
           </EuiText>,
           "title": "Install Metricbeat on the same server as this beat",
@@ -575,11 +567,9 @@ exports[`Flyout beats part two should show instructions to migrate to metricbeat
                       values={
                         Object {
                           "beatType": "beat",
-                          "link": <EuiLink
-                            color="primary"
+                          "link": <ForwardRef
                             href="https://www.elastic.co/guide/en/beats/metricbeat/current/http-endpoint.html"
                             target="_blank"
-                            type="button"
                           >
                             <FormattedMessage
                               defaultMessage="enable an HTTP endpoint for the {beatType} instance being monitored"
@@ -590,7 +580,7 @@ exports[`Flyout beats part two should show instructions to migrate to metricbeat
                                 }
                               }
                             />
-                          </EuiLink>,
+                          </ForwardRef>,
                         }
                       }
                     />
@@ -614,18 +604,16 @@ exports[`Flyout beats part two should show instructions to migrate to metricbeat
                         Object {
                           "link": <React.Fragment>
                              
-                            <EuiLink
-                              color="primary"
+                            <ForwardRef
                               href="https://www.elastic.co/guide/en/beats/reference/current/configuring-metricbeat.html"
                               target="_blank"
-                              type="button"
                             >
                               <FormattedMessage
                                 defaultMessage="additional setup"
                                 id="xpack.monitoring.metricbeatMigration.securitySetupLinkText"
                                 values={Object {}}
                               />
-                            </EuiLink>
+                            </ForwardRef>
                           </React.Fragment>,
                         }
                       }
@@ -683,18 +671,16 @@ exports[`Flyout beats part two should show instructions to migrate to metricbeat
                         Object {
                           "link": <React.Fragment>
                              
-                            <EuiLink
-                              color="primary"
+                            <ForwardRef
                               href="https://www.elastic.co/guide/en/beats/reference/current/configuring-metricbeat.html"
                               target="_blank"
-                              type="button"
                             >
                               <FormattedMessage
                                 defaultMessage="additional setup"
                                 id="xpack.monitoring.metricbeatMigration.securitySetupLinkText"
                                 values={Object {}}
                               />
-                            </EuiLink>
+                            </ForwardRef>
                           </React.Fragment>,
                         }
                       }
@@ -709,18 +695,16 @@ exports[`Flyout beats part two should show instructions to migrate to metricbeat
         Object {
           "children": <EuiText>
             <p>
-              <EuiLink
-                color="primary"
+              <ForwardRef
                 href="https://www.elastic.co/guide/en/beats/metricbeat/current/metricbeat-starting.html"
                 target="_blank"
-                type="button"
               >
                 <FormattedMessage
                   defaultMessage="Follow the instructions here."
                   id="xpack.monitoring.metricbeatMigration.beatsInstructions.startMetricbeatLinkText"
                   values={Object {}}
                 />
-              </EuiLink>
+              </ForwardRef>
             </p>
           </EuiText>,
           "title": "Start Metricbeat",
@@ -769,6 +753,7 @@ exports[`Flyout elasticsearch part one should render normally 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={true}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText="Typically a single URL. If multiple URLs, separate with a comma.
                 The running Metricbeat instance must be able to communicate with these Elasticsearch servers."
@@ -895,18 +880,16 @@ exports[`Flyout elasticsearch part two should show instructions to migrate to me
         Object {
           "children": <EuiText>
             <p>
-              <EuiLink
-                color="primary"
+              <ForwardRef
                 href="https://www.elastic.co/guide/en/beats/metricbeat/current/metricbeat-installation.html"
                 target="_blank"
-                type="button"
               >
                 <FormattedMessage
                   defaultMessage="Follow these instructions."
                   id="xpack.monitoring.metricbeatMigration.elasticsearchInstructions.installMetricbeatLinkText"
                   values={Object {}}
                 />
-              </EuiLink>
+              </ForwardRef>
             </p>
           </EuiText>,
           "title": "Install Metricbeat on the same server as Elasticsearch",
@@ -964,18 +947,16 @@ exports[`Flyout elasticsearch part two should show instructions to migrate to me
                         Object {
                           "link": <React.Fragment>
                              
-                            <EuiLink
-                              color="primary"
+                            <ForwardRef
                               href="https://www.elastic.co/guide/en/elasticsearch/reference/current/configuring-metricbeat.html"
                               target="_blank"
-                              type="button"
                             >
                               <FormattedMessage
                                 defaultMessage="additional setup"
                                 id="xpack.monitoring.metricbeatMigration.securitySetupLinkText"
                                 values={Object {}}
                               />
-                            </EuiLink>
+                            </ForwardRef>
                           </React.Fragment>,
                         }
                       }
@@ -1033,18 +1014,16 @@ exports[`Flyout elasticsearch part two should show instructions to migrate to me
                         Object {
                           "link": <React.Fragment>
                              
-                            <EuiLink
-                              color="primary"
+                            <ForwardRef
                               href="https://www.elastic.co/guide/en/elasticsearch/reference/current/configuring-metricbeat.html"
                               target="_blank"
-                              type="button"
                             >
                               <FormattedMessage
                                 defaultMessage="additional setup"
                                 id="xpack.monitoring.metricbeatMigration.securitySetupLinkText"
                                 values={Object {}}
                               />
-                            </EuiLink>
+                            </ForwardRef>
                           </React.Fragment>,
                         }
                       }
@@ -1059,18 +1038,16 @@ exports[`Flyout elasticsearch part two should show instructions to migrate to me
         Object {
           "children": <EuiText>
             <p>
-              <EuiLink
-                color="primary"
+              <ForwardRef
                 href="https://www.elastic.co/guide/en/beats/metricbeat/current/metricbeat-starting.html"
                 target="_blank"
-                type="button"
               >
                 <FormattedMessage
                   defaultMessage="Follow these instructions."
                   id="xpack.monitoring.metricbeatMigration.elasticsearchInstructions.startMetricbeatLinkText"
                   values={Object {}}
                 />
-              </EuiLink>
+              </ForwardRef>
             </p>
           </EuiText>,
           "title": "Start Metricbeat",
@@ -1119,6 +1096,7 @@ exports[`Flyout kibana part one should render normally 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={true}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText="Typically a single URL. If multiple URLs, separate with a comma.
                 The running Metricbeat instance must be able to communicate with these Elasticsearch servers."
@@ -1260,18 +1238,16 @@ exports[`Flyout kibana part two should show instructions to migrate to metricbea
         Object {
           "children": <EuiText>
             <p>
-              <EuiLink
-                color="primary"
+              <ForwardRef
                 href="https://www.elastic.co/guide/en/beats/metricbeat/current/metricbeat-installation.html"
                 target="_blank"
-                type="button"
               >
                 <FormattedMessage
                   defaultMessage="Follow the instructions here."
                   id="xpack.monitoring.metricbeatMigration.kibanaInstructions.installMetricbeatLinkText"
                   values={Object {}}
                 />
-              </EuiLink>
+              </ForwardRef>
             </p>
           </EuiText>,
           "title": "Install Metricbeat on the same server as Kibana",
@@ -1321,18 +1297,16 @@ exports[`Flyout kibana part two should show instructions to migrate to metricbea
                         Object {
                           "link": <React.Fragment>
                              
-                            <EuiLink
-                              color="primary"
+                            <ForwardRef
                               href="https://www.elastic.co/guide/en/kibana/reference/current/configuring-metricbeat.html"
                               target="_blank"
-                              type="button"
                             >
                               <FormattedMessage
                                 defaultMessage="additional setup"
                                 id="xpack.monitoring.metricbeatMigration.securitySetupLinkText"
                                 values={Object {}}
                               />
-                            </EuiLink>
+                            </ForwardRef>
                           </React.Fragment>,
                         }
                       }
@@ -1390,18 +1364,16 @@ exports[`Flyout kibana part two should show instructions to migrate to metricbea
                         Object {
                           "link": <React.Fragment>
                              
-                            <EuiLink
-                              color="primary"
+                            <ForwardRef
                               href="https://www.elastic.co/guide/en/kibana/reference/current/configuring-metricbeat.html"
                               target="_blank"
-                              type="button"
                             >
                               <FormattedMessage
                                 defaultMessage="additional setup"
                                 id="xpack.monitoring.metricbeatMigration.securitySetupLinkText"
                                 values={Object {}}
                               />
-                            </EuiLink>
+                            </ForwardRef>
                           </React.Fragment>,
                         }
                       }
@@ -1416,18 +1388,16 @@ exports[`Flyout kibana part two should show instructions to migrate to metricbea
         Object {
           "children": <EuiText>
             <p>
-              <EuiLink
-                color="primary"
+              <ForwardRef
                 href="https://www.elastic.co/guide/en/beats/metricbeat/current/metricbeat-starting.html"
                 target="_blank"
-                type="button"
               >
                 <FormattedMessage
                   defaultMessage="Follow the instructions here."
                   id="xpack.monitoring.metricbeatMigration.kibanaInstructions.startMetricbeatLinkText"
                   values={Object {}}
                 />
-              </EuiLink>
+              </ForwardRef>
             </p>
           </EuiText>,
           "title": "Start Metricbeat",
@@ -1476,6 +1446,7 @@ exports[`Flyout logstash part one should render normally 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={true}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         helpText="Typically a single URL. If multiple URLs, separate with a comma.
                 The running Metricbeat instance must be able to communicate with these Elasticsearch servers."
@@ -1608,18 +1579,16 @@ exports[`Flyout logstash part two should show instructions to migrate to metricb
         Object {
           "children": <EuiText>
             <p>
-              <EuiLink
-                color="primary"
+              <ForwardRef
                 href="https://www.elastic.co/guide/en/beats/metricbeat/current/metricbeat-installation.html"
                 target="_blank"
-                type="button"
               >
                 <FormattedMessage
                   defaultMessage="Follow the instructions here."
                   id="xpack.monitoring.metricbeatMigration.logstashInstructions.installMetricbeatLinkText"
                   values={Object {}}
                 />
-              </EuiLink>
+              </ForwardRef>
             </p>
           </EuiText>,
           "title": "Install Metricbeat on the same server as Logstash",
@@ -1669,18 +1638,16 @@ exports[`Flyout logstash part two should show instructions to migrate to metricb
                         Object {
                           "link": <React.Fragment>
                              
-                            <EuiLink
-                              color="primary"
+                            <ForwardRef
                               href="https://www.elastic.co/guide/en/logstash/reference/current/configuring-metricbeat.html"
                               target="_blank"
-                              type="button"
                             >
                               <FormattedMessage
                                 defaultMessage="additional setup"
                                 id="xpack.monitoring.metricbeatMigration.securitySetupLinkText"
                                 values={Object {}}
                               />
-                            </EuiLink>
+                            </ForwardRef>
                           </React.Fragment>,
                         }
                       }
@@ -1738,18 +1705,16 @@ exports[`Flyout logstash part two should show instructions to migrate to metricb
                         Object {
                           "link": <React.Fragment>
                              
-                            <EuiLink
-                              color="primary"
+                            <ForwardRef
                               href="https://www.elastic.co/guide/en/logstash/reference/current/configuring-metricbeat.html"
                               target="_blank"
-                              type="button"
                             >
                               <FormattedMessage
                                 defaultMessage="additional setup"
                                 id="xpack.monitoring.metricbeatMigration.securitySetupLinkText"
                                 values={Object {}}
                               />
-                            </EuiLink>
+                            </ForwardRef>
                           </React.Fragment>,
                         }
                       }
@@ -1764,18 +1729,16 @@ exports[`Flyout logstash part two should show instructions to migrate to metricb
         Object {
           "children": <EuiText>
             <p>
-              <EuiLink
-                color="primary"
+              <ForwardRef
                 href="https://www.elastic.co/guide/en/beats/metricbeat/current/metricbeat-starting.html"
                 target="_blank"
-                type="button"
               >
                 <FormattedMessage
                   defaultMessage="Follow the instructions here."
                   id="xpack.monitoring.metricbeatMigration.logstashInstructions.startMetricbeatLinkText"
                   values={Object {}}
                 />
-              </EuiLink>
+              </ForwardRef>
             </p>
           </EuiText>,
           "title": "Start Metricbeat",
@@ -1893,18 +1856,16 @@ exports[`Flyout should render the beat type for beats for the enabling metricbea
         Object {
           "children": <EuiText>
             <p>
-              <EuiLink
-                color="primary"
+              <ForwardRef
                 href="https://www.elastic.co/guide/en/beats/metricbeat/current/metricbeat-installation.html"
                 target="_blank"
-                type="button"
               >
                 <FormattedMessage
                   defaultMessage="Follow the instructions here."
                   id="xpack.monitoring.metricbeatMigration.beatsInstructions.installMetricbeatLinkText"
                   values={Object {}}
                 />
-              </EuiLink>
+              </ForwardRef>
             </p>
           </EuiText>,
           "title": "Install Metricbeat on the same server as this filebeat",
@@ -1954,11 +1915,9 @@ exports[`Flyout should render the beat type for beats for the enabling metricbea
                       values={
                         Object {
                           "beatType": "filebeat",
-                          "link": <EuiLink
-                            color="primary"
+                          "link": <ForwardRef
                             href="https://www.elastic.co/guide/en/beats/filebeat/current/http-endpoint.html"
                             target="_blank"
-                            type="button"
                           >
                             <FormattedMessage
                               defaultMessage="enable an HTTP endpoint for the {beatType} instance being monitored"
@@ -1969,7 +1928,7 @@ exports[`Flyout should render the beat type for beats for the enabling metricbea
                                 }
                               }
                             />
-                          </EuiLink>,
+                          </ForwardRef>,
                         }
                       }
                     />
@@ -1993,18 +1952,16 @@ exports[`Flyout should render the beat type for beats for the enabling metricbea
                         Object {
                           "link": <React.Fragment>
                              
-                            <EuiLink
-                              color="primary"
+                            <ForwardRef
                               href="https://www.elastic.co/guide/en/beats/reference/current/configuring-metricbeat.html"
                               target="_blank"
-                              type="button"
                             >
                               <FormattedMessage
                                 defaultMessage="additional setup"
                                 id="xpack.monitoring.metricbeatMigration.securitySetupLinkText"
                                 values={Object {}}
                               />
-                            </EuiLink>
+                            </ForwardRef>
                           </React.Fragment>,
                         }
                       }
@@ -2062,18 +2019,16 @@ exports[`Flyout should render the beat type for beats for the enabling metricbea
                         Object {
                           "link": <React.Fragment>
                              
-                            <EuiLink
-                              color="primary"
+                            <ForwardRef
                               href="https://www.elastic.co/guide/en/beats/reference/current/configuring-metricbeat.html"
                               target="_blank"
-                              type="button"
                             >
                               <FormattedMessage
                                 defaultMessage="additional setup"
                                 id="xpack.monitoring.metricbeatMigration.securitySetupLinkText"
                                 values={Object {}}
                               />
-                            </EuiLink>
+                            </ForwardRef>
                           </React.Fragment>,
                         }
                       }
@@ -2088,18 +2043,16 @@ exports[`Flyout should render the beat type for beats for the enabling metricbea
         Object {
           "children": <EuiText>
             <p>
-              <EuiLink
-                color="primary"
+              <ForwardRef
                 href="https://www.elastic.co/guide/en/beats/metricbeat/current/metricbeat-starting.html"
                 target="_blank"
-                type="button"
               >
                 <FormattedMessage
                   defaultMessage="Follow the instructions here."
                   id="xpack.monitoring.metricbeatMigration.beatsInstructions.startMetricbeatLinkText"
                   values={Object {}}
                 />
-              </EuiLink>
+              </ForwardRef>
             </p>
           </EuiText>,
           "title": "Start Metricbeat",
diff --git a/x-pack/legacy/plugins/monitoring/public/components/no_data/__tests__/__snapshots__/no_data.test.js.snap b/x-pack/legacy/plugins/monitoring/public/components/no_data/__tests__/__snapshots__/no_data.test.js.snap
index 1d0f58b623595..0aae86ac44ba2 100644
--- a/x-pack/legacy/plugins/monitoring/public/components/no_data/__tests__/__snapshots__/no_data.test.js.snap
+++ b/x-pack/legacy/plugins/monitoring/public/components/no_data/__tests__/__snapshots__/no_data.test.js.snap
@@ -4,7 +4,7 @@ exports[`NoData should show a default message if reason is unknown 1`] = `
 <div
   class="euiPage"
 >
-  <div
+  <main
     class="euiPageBody euiPageBody--restrictWidth-custom"
     style="max-width:600px"
   >
@@ -86,7 +86,7 @@ exports[`NoData should show a default message if reason is unknown 1`] = `
         </span>
       </button>
     </div>
-  </div>
+  </main>
 </div>
 `;
 
@@ -94,7 +94,7 @@ exports[`NoData should show text next to the spinner while checking a setting 1`
 <div
   class="euiPage"
 >
-  <div
+  <main
     class="euiPageBody euiPageBody--restrictWidth-custom"
     style="max-width:600px"
   >
@@ -176,6 +176,6 @@ exports[`NoData should show text next to the spinner while checking a setting 1`
         </span>
       </button>
     </div>
-  </div>
+  </main>
 </div>
 `;
diff --git a/x-pack/legacy/plugins/monitoring/public/components/page_loading/__tests__/__snapshots__/page_loading.test.js.snap b/x-pack/legacy/plugins/monitoring/public/components/page_loading/__tests__/__snapshots__/page_loading.test.js.snap
index 7579cad3b8beb..7b468d08e29a6 100644
--- a/x-pack/legacy/plugins/monitoring/public/components/page_loading/__tests__/__snapshots__/page_loading.test.js.snap
+++ b/x-pack/legacy/plugins/monitoring/public/components/page_loading/__tests__/__snapshots__/page_loading.test.js.snap
@@ -5,7 +5,7 @@ exports[`PageLoading should show a simple page loading component 1`] = `
   class="euiPage"
   style="height:calc(100vh - 50px)"
 >
-  <div
+  <main
     class="euiPageBody"
   >
     <div
@@ -36,6 +36,6 @@ exports[`PageLoading should show a simple page loading component 1`] = `
         </div>
       </div>
     </div>
-  </div>
+  </main>
 </div>
 `;
diff --git a/x-pack/legacy/plugins/remote_clusters/public/app/sections/components/remote_cluster_form/__snapshots__/remote_cluster_form.test.js.snap b/x-pack/legacy/plugins/remote_clusters/public/app/sections/components/remote_cluster_form/__snapshots__/remote_cluster_form.test.js.snap
index cdc183cec39b9..517a99583a54d 100644
--- a/x-pack/legacy/plugins/remote_clusters/public/app/sections/components/remote_cluster_form/__snapshots__/remote_cluster_form.test.js.snap
+++ b/x-pack/legacy/plugins/remote_clusters/public/app/sections/components/remote_cluster_form/__snapshots__/remote_cluster_form.test.js.snap
@@ -40,7 +40,6 @@ Array [
           <div
             class="euiFormRow euiFormRow--fullWidth"
             data-test-subj="remoteClusterFormNameFormRow"
-            id="mockId-row"
           >
             <div
               class="euiFormRow__labelWrapper"
@@ -118,7 +117,6 @@ Array [
           <div
             class="euiFormRow euiFormRow--fullWidth"
             data-test-subj="remoteClusterFormSeedNodesFormRow"
-            id="mockId-row"
           >
             <div
               class="euiFormRow__labelWrapper"
@@ -242,7 +240,6 @@ Array [
           <div
             class="euiFormRow euiFormRow--hasEmptyLabelSpace euiFormRow--fullWidth remoteClusterSkipIfUnavailableSwitch"
             data-test-subj="remoteClusterFormSkipUnavailableFormRow"
-            id="mockId-row"
           >
             <div
               class="euiFormRow__fieldWrapper"
@@ -366,7 +363,6 @@ Array [
   <div
     class="euiFormRow euiFormRow--fullWidth"
     data-test-subj="remoteClusterFormNameFormRow"
-    id="mockId-row"
   >
     <div
       class="euiFormRow__labelWrapper"
@@ -416,7 +412,6 @@ Array [
   <div
     class="euiFormRow euiFormRow--fullWidth"
     data-test-subj="remoteClusterFormSeedNodesFormRow"
-    id="mockId-row"
   >
     <div
       class="euiFormRow__labelWrapper"
@@ -500,7 +495,6 @@ Array [
   <div
     class="euiFormRow euiFormRow--hasEmptyLabelSpace euiFormRow--fullWidth remoteClusterSkipIfUnavailableSwitch"
     data-test-subj="remoteClusterFormSkipUnavailableFormRow"
-    id="mockId-row"
   >
     <div
       class="euiFormRow__fieldWrapper"
diff --git a/x-pack/legacy/plugins/security/public/views/login/components/basic_login_form/__snapshots__/basic_login_form.test.tsx.snap b/x-pack/legacy/plugins/security/public/views/login/components/basic_login_form/__snapshots__/basic_login_form.test.tsx.snap
index 35cac1c21d3ba..3b3024024a9cf 100644
--- a/x-pack/legacy/plugins/security/public/views/login/components/basic_login_form/__snapshots__/basic_login_form.test.tsx.snap
+++ b/x-pack/legacy/plugins/security/public/views/login/components/basic_login_form/__snapshots__/basic_login_form.test.tsx.snap
@@ -10,6 +10,7 @@ exports[`BasicLoginForm renders as expected 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormattedMessage
@@ -39,6 +40,7 @@ exports[`BasicLoginForm renders as expected 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={false}
         label={
           <FormattedMessage
diff --git a/x-pack/legacy/plugins/security/public/views/management/edit_role/components/collapsible_panel/__snapshots__/collapsible_panel.test.tsx.snap b/x-pack/legacy/plugins/security/public/views/management/edit_role/components/collapsible_panel/__snapshots__/collapsible_panel.test.tsx.snap
index bbbaaafde8654..e220998c24fe4 100644
--- a/x-pack/legacy/plugins/security/public/views/management/edit_role/components/collapsible_panel/__snapshots__/collapsible_panel.test.tsx.snap
+++ b/x-pack/legacy/plugins/security/public/views/management/edit_role/components/collapsible_panel/__snapshots__/collapsible_panel.test.tsx.snap
@@ -26,9 +26,7 @@ exports[`it renders without blowing up 1`] = `
       grow={false}
     >
       <EuiLink
-        color="primary"
         onClick={[Function]}
-        type="button"
       >
         <FormattedMessage
           defaultMessage="hide"
diff --git a/x-pack/legacy/plugins/security/public/views/management/edit_role/components/privileges/es/__snapshots__/elasticsearch_privileges.test.tsx.snap b/x-pack/legacy/plugins/security/public/views/management/edit_role/components/privileges/es/__snapshots__/elasticsearch_privileges.test.tsx.snap
index 131e19f309cde..a87ddbcaa033a 100644
--- a/x-pack/legacy/plugins/security/public/views/management/edit_role/components/privileges/es/__snapshots__/elasticsearch_privileges.test.tsx.snap
+++ b/x-pack/legacy/plugins/security/public/views/management/edit_role/components/privileges/es/__snapshots__/elasticsearch_privileges.test.tsx.snap
@@ -13,19 +13,17 @@ exports[`it renders without crashing 1`] = `
           id="xpack.security.management.editRole.elasticSearchPrivileges.manageRoleActionsDescription"
           values={Object {}}
         />
-        <EuiLink
+        <ForwardRef
           className="editRole__learnMore"
-          color="primary"
           href="undefinedguide/en/elastic-stack-overview/undefined/security-privileges.html#privileges-list-cluster"
           target="_blank"
-          type="button"
         >
           <FormattedMessage
             defaultMessage="Learn more"
             id="xpack.security.management.editRole.elasticSearchPrivileges.learnMoreLinkText"
             values={Object {}}
           />
-        </EuiLink>
+        </ForwardRef>
       </p>
     }
     fullWidth={false}
@@ -45,6 +43,7 @@ exports[`it renders without crashing 1`] = `
       describedByIds={Array []}
       display="row"
       fullWidth={true}
+      hasChildLabel={true}
       hasEmptyLabelSpace={true}
       labelType="label"
     >
@@ -80,19 +79,17 @@ exports[`it renders without crashing 1`] = `
           id="xpack.security.management.editRole.elasticSearchPrivileges.howToBeSubmittedOnBehalfOfOtherUsersDescription"
           values={Object {}}
         />
-        <EuiLink
+        <ForwardRef
           className="editRole__learnMore"
-          color="primary"
           href="undefinedguide/en/elastic-stack-overview/undefined/security-privileges.html#_run_as_privilege"
           target="_blank"
-          type="button"
         >
           <FormattedMessage
             defaultMessage="Learn more"
             id="xpack.security.management.editRole.elasticSearchPrivileges.learnMoreLinkText"
             values={Object {}}
           />
-        </EuiLink>
+        </ForwardRef>
       </p>
     }
     fullWidth={false}
@@ -112,6 +109,7 @@ exports[`it renders without crashing 1`] = `
       describedByIds={Array []}
       display="row"
       fullWidth={false}
+      hasChildLabel={true}
       hasEmptyLabelSpace={true}
       labelType="label"
     >
@@ -156,10 +154,8 @@ exports[`it renders without crashing 1`] = `
       />
       <EuiLink
         className="editRole__learnMore"
-        color="primary"
         href="undefinedguide/en/elastic-stack-overview/undefined/security-privileges.html#privileges-list-indices"
         target="_blank"
-        type="button"
       >
         <FormattedMessage
           defaultMessage="Learn more"
diff --git a/x-pack/legacy/plugins/security/public/views/management/edit_role/components/privileges/es/__snapshots__/index_privilege_form.test.tsx.snap b/x-pack/legacy/plugins/security/public/views/management/edit_role/components/privileges/es/__snapshots__/index_privilege_form.test.tsx.snap
index 9c9ac8d469767..d99d2e592f585 100644
--- a/x-pack/legacy/plugins/security/public/views/management/edit_role/components/privileges/es/__snapshots__/index_privilege_form.test.tsx.snap
+++ b/x-pack/legacy/plugins/security/public/views/management/edit_role/components/privileges/es/__snapshots__/index_privilege_form.test.tsx.snap
@@ -13,6 +13,7 @@ exports[`it renders without crashing 1`] = `
             describedByIds={Array []}
             display="row"
             fullWidth={true}
+            hasChildLabel={true}
             hasEmptyLabelSpace={false}
             isInvalid={false}
             label={
@@ -43,6 +44,7 @@ exports[`it renders without crashing 1`] = `
             describedByIds={Array []}
             display="row"
             fullWidth={true}
+            hasChildLabel={true}
             hasEmptyLabelSpace={false}
             label={
               <FormattedMessage
@@ -131,6 +133,7 @@ exports[`it renders without crashing 1`] = `
         describedByIds={Array []}
         display="row"
         fullWidth={false}
+        hasChildLabel={true}
         hasEmptyLabelSpace={true}
         labelType="label"
       >
diff --git a/x-pack/legacy/plugins/security/public/views/management/edit_role/components/privileges/kibana/simple_privilege_section/__snapshots__/simple_privilege_section.test.tsx.snap b/x-pack/legacy/plugins/security/public/views/management/edit_role/components/privileges/kibana/simple_privilege_section/__snapshots__/simple_privilege_section.test.tsx.snap
index c5572aa626291..37db2e118861e 100644
--- a/x-pack/legacy/plugins/security/public/views/management/edit_role/components/privileges/kibana/simple_privilege_section/__snapshots__/simple_privilege_section.test.tsx.snap
+++ b/x-pack/legacy/plugins/security/public/views/management/edit_role/components/privileges/kibana/simple_privilege_section/__snapshots__/simple_privilege_section.test.tsx.snap
@@ -29,6 +29,7 @@ exports[`<SimplePrivilegeForm> renders without crashing 1`] = `
       describedByIds={Array []}
       display="row"
       fullWidth={false}
+      hasChildLabel={true}
       hasEmptyLabelSpace={true}
       labelType="label"
     >
diff --git a/x-pack/legacy/plugins/security/public/views/management/edit_role/components/privileges/kibana/space_aware_privilege_section/__snapshots__/privilege_space_form.test.tsx.snap b/x-pack/legacy/plugins/security/public/views/management/edit_role/components/privileges/kibana/space_aware_privilege_section/__snapshots__/privilege_space_form.test.tsx.snap
index a2768361a270c..c20a391cdb20c 100644
--- a/x-pack/legacy/plugins/security/public/views/management/edit_role/components/privileges/kibana/space_aware_privilege_section/__snapshots__/privilege_space_form.test.tsx.snap
+++ b/x-pack/legacy/plugins/security/public/views/management/edit_role/components/privileges/kibana/space_aware_privilege_section/__snapshots__/privilege_space_form.test.tsx.snap
@@ -31,6 +31,7 @@ exports[`<PrivilegeSpaceForm> renders without crashing 1`] = `
           describedByIds={Array []}
           display="row"
           fullWidth={true}
+          hasChildLabel={true}
           hasEmptyLabelSpace={false}
           label="Spaces"
           labelType="label"
@@ -163,6 +164,7 @@ exports[`<PrivilegeSpaceForm> renders without crashing 1`] = `
           describedByIds={Array []}
           display="row"
           fullWidth={true}
+          hasChildLabel={true}
           hasEmptyLabelSpace={false}
           label="Privilege"
           labelType="label"
diff --git a/x-pack/legacy/plugins/siem/public/components/embeddables/__snapshots__/index_patterns_missing_prompt.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/embeddables/__snapshots__/index_patterns_missing_prompt.test.tsx.snap
index f482a864bed6d..1aa3b087ac0d0 100644
--- a/x-pack/legacy/plugins/siem/public/components/embeddables/__snapshots__/index_patterns_missing_prompt.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/embeddables/__snapshots__/index_patterns_missing_prompt.test.tsx.snap
@@ -18,41 +18,33 @@ exports[`IndexPatternsMissingPrompt renders correctly against snapshot 1`] = `
         An ECS compliant Kibana index pattern must be configured to view event data on the map. When using beats, you can run the following setup commands to create the required Kibana index patterns, otherwise you can configure them manually within Kibana settings.
       </p>
       <p>
-        <EuiLink
-          color="primary"
+        <ForwardRef
           href="https://www.elastic.co/guide/en/beats/auditbeat/current/load-kibana-dashboards.html"
           target="blank"
-          type="button"
         >
           auditbeat-*
-        </EuiLink>
+        </ForwardRef>
         , 
-        <EuiLink
-          color="primary"
+        <ForwardRef
           href="https://www.elastic.co/guide/en/beats/filebeat/current/load-kibana-dashboards.html"
           target="blank"
-          type="button"
         >
           filebeat-*
-        </EuiLink>
+        </ForwardRef>
         , 
-        <EuiLink
-          color="primary"
+        <ForwardRef
           href="https://www.elastic.co/guide/en/beats/packetbeat/current/load-kibana-dashboards.html"
           target="blank"
-          type="button"
         >
           packetbeat-*
-        </EuiLink>
+        </ForwardRef>
         , 
-        <EuiLink
-          color="primary"
+        <ForwardRef
           href="https://www.elastic.co/guide/en/beats/winlogbeat/current/load-kibana-dashboards.html"
           target="blank"
-          type="button"
         >
           winlogbeat-*
-        </EuiLink>
+        </ForwardRef>
       </p>
     </React.Fragment>
   }
diff --git a/x-pack/legacy/plugins/siem/public/components/ml/score/__snapshots__/anomaly_score.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/ml/score/__snapshots__/anomaly_score.test.tsx.snap
index 0698653696059..8760dce2b76df 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml/score/__snapshots__/anomaly_score.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/ml/score/__snapshots__/anomaly_score.test.tsx.snap
@@ -125,14 +125,12 @@ exports[`anomaly_scores renders correctly against snapshot 1`] = `
                 <EuiFlexItem
                   grow={false}
                 >
-                  <EuiLink
-                    color="primary"
+                  <ForwardRef
                     href="ml#/explorer?_g=(ml:(jobIds:!(job-1)),refreshInterval:(display:Off,pause:!f,value:0),time:(from:'1970-01-01T00:00:00.000Z',mode:absolute,to:'3000-01-01T00:00:00.000Z'))&_a=(mlExplorerFilter:(),mlExplorerSwimlane:(),mlSelectLimit:(display:'10',val:10),mlShowCharts:!t)"
                     target="_blank"
-                    type="button"
                   >
                     View in Machine Learning
-                  </EuiLink>
+                  </ForwardRef>
                 </EuiFlexItem>
               </ForwardRef>,
               "title": <React.Fragment>
@@ -158,15 +156,13 @@ exports[`anomaly_scores renders correctly against snapshot 1`] = `
                 <EuiFlexItem
                   grow={false}
                 >
-                  <EuiLink
-                    color="primary"
+                  <ForwardRef
                     data-test-subj="anomaly-description-narrow-range-link"
                     onClick={[Function]}
                     target="_blank"
-                    type="button"
                   >
                     Narrow to this date range
-                  </EuiLink>
+                  </ForwardRef>
                 </EuiFlexItem>
               </ForwardRef>,
               "title": "Detected",
diff --git a/x-pack/legacy/plugins/siem/public/components/ml/score/__snapshots__/create_descriptions_list.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/ml/score/__snapshots__/create_descriptions_list.test.tsx.snap
index 30afaa7bc71f7..0a136eb31fd6d 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml/score/__snapshots__/create_descriptions_list.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/ml/score/__snapshots__/create_descriptions_list.test.tsx.snap
@@ -44,10 +44,8 @@ exports[`create_description_list renders correctly against snapshot 1`] = `
         grow={false}
       >
         <EuiLink
-          color="primary"
           href="ml#/explorer?_g=(ml:(jobIds:!(job-1)),refreshInterval:(display:Off,pause:!f,value:0),time:(from:'1970-01-01T00:00:00.000Z',mode:absolute,to:'3000-01-01T00:00:00.000Z'))&_a=(mlExplorerFilter:(),mlExplorerSwimlane:(),mlSelectLimit:(display:'10',val:10),mlShowCharts:!t)"
           target="_blank"
-          type="button"
         >
           View in Machine Learning
         </EuiLink>
@@ -78,11 +76,9 @@ exports[`create_description_list renders correctly against snapshot 1`] = `
         grow={false}
       >
         <EuiLink
-          color="primary"
           data-test-subj="anomaly-description-narrow-range-link"
           onClick={[Function]}
           target="_blank"
-          type="button"
         >
           Narrow to this date range
         </EuiLink>
diff --git a/x-pack/legacy/plugins/siem/public/components/ml_popover/__snapshots__/popover_description.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/ml_popover/__snapshots__/popover_description.test.tsx.snap
index 83dc5446de37e..cc766801d6694 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml_popover/__snapshots__/popover_description.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/ml_popover/__snapshots__/popover_description.test.tsx.snap
@@ -9,18 +9,16 @@ exports[`FilterGroup renders correctly against snapshot 1`] = `
     id="xpack.siem.components.mlPopup.anomalyDetectionDescription"
     values={
       Object {
-        "machineLearning": <EuiLink
-          color="primary"
+        "machineLearning": <ForwardRef
           href="/test/base/path/app/ml"
           target="_blank"
-          type="button"
         >
           <FormattedMessage
             defaultMessage="Machine Learning"
             id="xpack.siem.components.mlPopup.machineLearningLink"
             values={Object {}}
           />
-        </EuiLink>,
+        </ForwardRef>,
       }
     }
   />
diff --git a/x-pack/legacy/plugins/siem/public/components/ml_popover/__snapshots__/upgrade_contents.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/ml_popover/__snapshots__/upgrade_contents.test.tsx.snap
index fbad5012f1e5e..4c52fad0ba29c 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml_popover/__snapshots__/upgrade_contents.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/ml_popover/__snapshots__/upgrade_contents.test.tsx.snap
@@ -15,18 +15,16 @@ exports[`FilterGroup renders correctly against snapshot 1`] = `
       id="xpack.siem.components.mlPopup.upgradeDescription"
       values={
         Object {
-          "cloudLink": <EuiLink
-            color="primary"
+          "cloudLink": <ForwardRef
             href="https://www.elastic.co/cloud/"
             target="_blank"
-            type="button"
           >
             <FormattedMessage
               defaultMessage="cloud deployment"
               id="xpack.siem.components.mlPopup.cloudLink"
               values={Object {}}
             />
-          </EuiLink>,
+          </ForwardRef>,
         }
       }
     />
diff --git a/x-pack/legacy/plugins/spaces/public/views/management/components/__snapshots__/confirm_delete_modal.test.tsx.snap b/x-pack/legacy/plugins/spaces/public/views/management/components/__snapshots__/confirm_delete_modal.test.tsx.snap
index 3aa6cd3497783..82f94f2346ae7 100644
--- a/x-pack/legacy/plugins/spaces/public/views/management/components/__snapshots__/confirm_delete_modal.test.tsx.snap
+++ b/x-pack/legacy/plugins/spaces/public/views/management/components/__snapshots__/confirm_delete_modal.test.tsx.snap
@@ -49,6 +49,7 @@ exports[`ConfirmDeleteModal renders as expected 1`] = `
           display="row"
           error="Space names do not match."
           fullWidth={false}
+          hasChildLabel={true}
           hasEmptyLabelSpace={false}
           isInvalid={false}
           label="Confirm space name to delete"
diff --git a/x-pack/legacy/plugins/spaces/public/views/management/components/secure_space_message/__snapshots__/secure_space_message.test.tsx.snap b/x-pack/legacy/plugins/spaces/public/views/management/components/secure_space_message/__snapshots__/secure_space_message.test.tsx.snap
index 9316ef46b8b61..bce57527cd55a 100644
--- a/x-pack/legacy/plugins/spaces/public/views/management/components/secure_space_message/__snapshots__/secure_space_message.test.tsx.snap
+++ b/x-pack/legacy/plugins/spaces/public/views/management/components/secure_space_message/__snapshots__/secure_space_message.test.tsx.snap
@@ -14,18 +14,16 @@ exports[`SecureSpaceMessage renders if security is enabled 1`] = `
         id="xpack.spaces.management.secureSpaceMessage.howToAssignRoleToSpaceDescription"
         values={
           Object {
-            "rolesLink": <EuiLink
+            "rolesLink": <ForwardRef
               aria-label="Roles management page"
-              color="primary"
               href="#/management/security/roles"
-              type="button"
             >
               <FormattedMessage
                 defaultMessage="Roles"
                 id="xpack.spaces.management.secureSpaceMessage.rolesLinkText"
                 values={Object {}}
               />
-            </EuiLink>,
+            </ForwardRef>,
           }
         }
       />
diff --git a/x-pack/legacy/plugins/spaces/public/views/management/edit_space/customize_space/__snapshots__/customize_space_avatar.test.tsx.snap b/x-pack/legacy/plugins/spaces/public/views/management/edit_space/customize_space/__snapshots__/customize_space_avatar.test.tsx.snap
index 97e4bae437cfc..24e6bd7516819 100644
--- a/x-pack/legacy/plugins/spaces/public/views/management/edit_space/customize_space/__snapshots__/customize_space_avatar.test.tsx.snap
+++ b/x-pack/legacy/plugins/spaces/public/views/management/edit_space/customize_space/__snapshots__/customize_space_avatar.test.tsx.snap
@@ -8,6 +8,7 @@ exports[`renders without crashing 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label="Initials (2 max)"
     labelType="label"
@@ -30,6 +31,7 @@ exports[`renders without crashing 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     isInvalid={false}
     label="Color"
@@ -48,6 +50,7 @@ exports[`renders without crashing 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     label="Custom image"
     labelType="label"
diff --git a/x-pack/legacy/plugins/spaces/public/views/management/edit_space/customize_space/__snapshots__/space_identifier.test.tsx.snap b/x-pack/legacy/plugins/spaces/public/views/management/edit_space/customize_space/__snapshots__/space_identifier.test.tsx.snap
index bcff2efcebeaf..15fd1ae81a347 100644
--- a/x-pack/legacy/plugins/spaces/public/views/management/edit_space/customize_space/__snapshots__/space_identifier.test.tsx.snap
+++ b/x-pack/legacy/plugins/spaces/public/views/management/edit_space/customize_space/__snapshots__/space_identifier.test.tsx.snap
@@ -6,6 +6,7 @@ exports[`renders without crashing 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={true}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText={
       <p
@@ -33,18 +34,16 @@ exports[`renders without crashing 1`] = `
           id="xpack.spaces.management.spaceIdentifier.urlIdentifierLabel"
           values={Object {}}
         />
-        <EuiLink
+        <ForwardRef
           aria-label="Customize the URL identifier"
-          color="primary"
           onClick={[Function]}
-          type="button"
         >
           <FormattedMessage
             defaultMessage="[customize]"
             id="xpack.spaces.management.spaceIdentifier.customizeSpaceLinkText"
             values={Object {}}
           />
-        </EuiLink>
+        </ForwardRef>
       </p>
     }
     labelType="label"
diff --git a/x-pack/legacy/plugins/spaces/public/views/management/edit_space/enabled_features/__snapshots__/enabled_features.test.tsx.snap b/x-pack/legacy/plugins/spaces/public/views/management/edit_space/enabled_features/__snapshots__/enabled_features.test.tsx.snap
index 6118c68aa9f99..5e91c1bd0e36c 100644
--- a/x-pack/legacy/plugins/spaces/public/views/management/edit_space/enabled_features/__snapshots__/enabled_features.test.tsx.snap
+++ b/x-pack/legacy/plugins/spaces/public/views/management/edit_space/enabled_features/__snapshots__/enabled_features.test.tsx.snap
@@ -169,17 +169,15 @@ exports[`EnabledFeatures renders as expected 1`] = `
             id="xpack.spaces.management.enabledSpaceFeatures.goToRolesLink"
             values={
               Object {
-                "rolesLink": <EuiLink
-                  color="primary"
+                "rolesLink": <ForwardRef
                   href="#/management/security/roles"
-                  type="button"
                 >
                   <FormattedMessage
                     defaultMessage="Roles"
                     id="xpack.spaces.management.enabledSpaceFeatures.rolesLinkText"
                     values={Object {}}
                   />
-                </EuiLink>,
+                </ForwardRef>,
               }
             }
           />
diff --git a/x-pack/legacy/plugins/spaces/public/views/management/edit_space/section_panel/__snapshots__/section_panel.test.tsx.snap b/x-pack/legacy/plugins/spaces/public/views/management/edit_space/section_panel/__snapshots__/section_panel.test.tsx.snap
index 6c13259cdde88..43149d7b3911f 100644
--- a/x-pack/legacy/plugins/spaces/public/views/management/edit_space/section_panel/__snapshots__/section_panel.test.tsx.snap
+++ b/x-pack/legacy/plugins/spaces/public/views/management/edit_space/section_panel/__snapshots__/section_panel.test.tsx.snap
@@ -29,10 +29,8 @@ exports[`it renders without blowing up 1`] = `
     >
       <EuiLink
         aria-label="hide desc"
-        color="primary"
         data-test-subj="show-hide-section-link"
         onClick={[Function]}
-        type="button"
       >
         hide
       </EuiLink>
diff --git a/x-pack/legacy/plugins/spaces/public/views/space_selector/__snapshots__/space_selector.test.tsx.snap b/x-pack/legacy/plugins/spaces/public/views/space_selector/__snapshots__/space_selector.test.tsx.snap
index 84ed864c36231..722d8908d480b 100644
--- a/x-pack/legacy/plugins/spaces/public/views/space_selector/__snapshots__/space_selector.test.tsx.snap
+++ b/x-pack/legacy/plugins/spaces/public/views/space_selector/__snapshots__/space_selector.test.tsx.snap
@@ -7,6 +7,7 @@ exports[`it renders without crashing 1`] = `
   restrictWidth={false}
 >
   <EuiPageBody
+    component="main"
     restrictWidth={false}
   >
     <EuiPageHeader
diff --git a/x-pack/legacy/plugins/telemetry/public/components/__snapshots__/telemetry_form.test.js.snap b/x-pack/legacy/plugins/telemetry/public/components/__snapshots__/telemetry_form.test.js.snap
index 5bc88f425118b..68a1b92666ea9 100644
--- a/x-pack/legacy/plugins/telemetry/public/components/__snapshots__/telemetry_form.test.js.snap
+++ b/x-pack/legacy/plugins/telemetry/public/components/__snapshots__/telemetry_form.test.js.snap
@@ -38,31 +38,27 @@ exports[`TelemetryForm renders as expected 1`] = `
                 Help us improve the Elastic Stack by providing usage statistics for basic features. We will not share this data outside of Elastic.
               </p>
               <p>
-                <EuiLink
-                  color="primary"
+                <ForwardRef
                   onClick={[Function]}
-                  type="button"
                 >
                   <FormattedMessage
                     defaultMessage="See an example of what we collect"
                     id="xpack.telemetry.seeExampleOfWhatWeCollectLinkText"
                     values={Object {}}
                   />
-                </EuiLink>
+                </ForwardRef>
               </p>
               <p>
-                <EuiLink
-                  color="primary"
+                <ForwardRef
                   href="https://www.elastic.co/legal/telemetry-privacy-statement"
                   target="_blank"
-                  type="button"
                 >
                   <FormattedMessage
                     defaultMessage="Read our usage data privacy statement"
                     id="xpack.telemetry.readOurUsageDataPrivacyStatementLinkText"
                     values={Object {}}
                   />
-                </EuiLink>
+                </ForwardRef>
               </p>
             </React.Fragment>,
             "type": "boolean",
diff --git a/x-pack/legacy/plugins/transform/public/app/sections/create_transform/components/aggregation_list/__snapshots__/popover_form.test.tsx.snap b/x-pack/legacy/plugins/transform/public/app/sections/create_transform/components/aggregation_list/__snapshots__/popover_form.test.tsx.snap
index 79fc12a17c929..86d33dfccb0b9 100644
--- a/x-pack/legacy/plugins/transform/public/app/sections/create_transform/components/aggregation_list/__snapshots__/popover_form.test.tsx.snap
+++ b/x-pack/legacy/plugins/transform/public/app/sections/create_transform/components/aggregation_list/__snapshots__/popover_form.test.tsx.snap
@@ -13,6 +13,7 @@ exports[`Transform: Aggregation <PopoverForm /> Minimal initialization 1`] = `
     display="row"
     error={false}
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText=""
     isInvalid={false}
@@ -32,6 +33,7 @@ exports[`Transform: Aggregation <PopoverForm /> Minimal initialization 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={true}
     labelType="label"
   >
diff --git a/x-pack/legacy/plugins/transform/public/app/sections/create_transform/components/group_by_list/__snapshots__/popover_form.test.tsx.snap b/x-pack/legacy/plugins/transform/public/app/sections/create_transform/components/group_by_list/__snapshots__/popover_form.test.tsx.snap
index 927317524803f..01114e3b9cfa3 100644
--- a/x-pack/legacy/plugins/transform/public/app/sections/create_transform/components/group_by_list/__snapshots__/popover_form.test.tsx.snap
+++ b/x-pack/legacy/plugins/transform/public/app/sections/create_transform/components/group_by_list/__snapshots__/popover_form.test.tsx.snap
@@ -13,6 +13,7 @@ exports[`Transform: Group By <PopoverForm /> Minimal initialization 1`] = `
     display="row"
     error={false}
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     helpText=""
     isInvalid={false}
@@ -33,6 +34,7 @@ exports[`Transform: Group By <PopoverForm /> Minimal initialization 1`] = `
     display="row"
     error={false}
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={false}
     isInvalid={false}
     label="Interval"
@@ -83,6 +85,7 @@ exports[`Transform: Group By <PopoverForm /> Minimal initialization 1`] = `
     describedByIds={Array []}
     display="row"
     fullWidth={false}
+    hasChildLabel={true}
     hasEmptyLabelSpace={true}
     labelType="label"
   >
diff --git a/x-pack/legacy/plugins/upgrade_assistant/public/components/tabs/checkup/__snapshots__/checkup_tab.test.tsx.snap b/x-pack/legacy/plugins/upgrade_assistant/public/components/tabs/checkup/__snapshots__/checkup_tab.test.tsx.snap
index 6f92d475ae6c5..4c500b02a0936 100644
--- a/x-pack/legacy/plugins/upgrade_assistant/public/components/tabs/checkup/__snapshots__/checkup_tab.test.tsx.snap
+++ b/x-pack/legacy/plugins/upgrade_assistant/public/components/tabs/checkup/__snapshots__/checkup_tab.test.tsx.snap
@@ -39,18 +39,16 @@ exports[`CheckupTab render with deprecations 1`] = `
         id="xpack.upgradeAssistant.checkupTab.backUpCallout.calloutBody.calloutDetail"
         values={
           Object {
-            "snapshotRestoreDocsButton": <EuiLink
-              color="primary"
+            "snapshotRestoreDocsButton": <ForwardRef
               href="https://www.elastic.co/guide/en/elasticsearch/reference/current/modules-snapshots.html"
               target="_blank"
-              type="button"
             >
               <FormattedMessage
                 defaultMessage="snapshot and restore APIs"
                 id="xpack.upgradeAssistant.checkupTab.backUpCallout.calloutBody.snapshotRestoreDocsButtonLabel"
                 values={Object {}}
               />
-            </EuiLink>,
+            </ForwardRef>,
           }
         }
       />
@@ -325,18 +323,16 @@ exports[`CheckupTab render with error 1`] = `
         id="xpack.upgradeAssistant.checkupTab.backUpCallout.calloutBody.calloutDetail"
         values={
           Object {
-            "snapshotRestoreDocsButton": <EuiLink
-              color="primary"
+            "snapshotRestoreDocsButton": <ForwardRef
               href="https://www.elastic.co/guide/en/elasticsearch/reference/current/modules-snapshots.html"
               target="_blank"
-              type="button"
             >
               <FormattedMessage
                 defaultMessage="snapshot and restore APIs"
                 id="xpack.upgradeAssistant.checkupTab.backUpCallout.calloutBody.snapshotRestoreDocsButtonLabel"
                 values={Object {}}
               />
-            </EuiLink>,
+            </ForwardRef>,
           }
         }
       />
@@ -394,18 +390,16 @@ exports[`CheckupTab render without deprecations 1`] = `
         id="xpack.upgradeAssistant.checkupTab.backUpCallout.calloutBody.calloutDetail"
         values={
           Object {
-            "snapshotRestoreDocsButton": <EuiLink
-              color="primary"
+            "snapshotRestoreDocsButton": <ForwardRef
               href="https://www.elastic.co/guide/en/elasticsearch/reference/current/modules-snapshots.html"
               target="_blank"
-              type="button"
             >
               <FormattedMessage
                 defaultMessage="snapshot and restore APIs"
                 id="xpack.upgradeAssistant.checkupTab.backUpCallout.calloutBody.snapshotRestoreDocsButtonLabel"
                 values={Object {}}
               />
-            </EuiLink>,
+            </ForwardRef>,
           }
         }
       />
@@ -440,17 +434,15 @@ exports[`CheckupTab render without deprecations 1`] = `
                 id="xpack.upgradeAssistant.checkupTab.noIssues.nextStepsDetail"
                 values={
                   Object {
-                    "overviewTabButton": <EuiLink
-                      color="primary"
+                    "overviewTabButton": <ForwardRef
                       onClick={[Function]}
-                      type="button"
                     >
                       <FormattedMessage
                         defaultMessage="Overview tab"
                         id="xpack.upgradeAssistant.checkupTab.noIssues.nextStepsDetail.overviewTabButtonLabel"
                         values={Object {}}
                       />
-                    </EuiLink>,
+                    </ForwardRef>,
                   }
                 }
               />
diff --git a/x-pack/legacy/plugins/uptime/public/components/functional/__tests__/__snapshots__/integration_link.test.tsx.snap b/x-pack/legacy/plugins/uptime/public/components/functional/__tests__/__snapshots__/integration_link.test.tsx.snap
index 2927e867dec1f..502af2eb91051 100644
--- a/x-pack/legacy/plugins/uptime/public/components/functional/__tests__/__snapshots__/integration_link.test.tsx.snap
+++ b/x-pack/legacy/plugins/uptime/public/components/functional/__tests__/__snapshots__/integration_link.test.tsx.snap
@@ -30,9 +30,7 @@ exports[`IntegrationLink component renders a disabled link when href is undefine
 exports[`IntegrationLink component renders without errors 1`] = `
 <EuiLink
   aria-label="foo"
-  color="primary"
   href="/app/foo?kuery=localhost"
-  type="button"
 >
   <EuiFlexGroup
     responsive={false}
diff --git a/x-pack/legacy/plugins/uptime/public/components/functional/__tests__/__snapshots__/ping_list.test.tsx.snap b/x-pack/legacy/plugins/uptime/public/components/functional/__tests__/__snapshots__/ping_list.test.tsx.snap
index 8f3e81945b1fa..11b26bff9ea36 100644
--- a/x-pack/legacy/plugins/uptime/public/components/functional/__tests__/__snapshots__/ping_list.test.tsx.snap
+++ b/x-pack/legacy/plugins/uptime/public/components/functional/__tests__/__snapshots__/ping_list.test.tsx.snap
@@ -38,6 +38,7 @@ exports[`PingList component renders sorted list without errors 1`] = `
                   describedByIds={Array []}
                   display="row"
                   fullWidth={false}
+                  hasChildLabel={true}
                   hasEmptyLabelSpace={false}
                   label="Status"
                   labelType="label"
@@ -86,6 +87,7 @@ exports[`PingList component renders sorted list without errors 1`] = `
                   describedByIds={Array []}
                   display="row"
                   fullWidth={false}
+                  hasChildLabel={true}
                   hasEmptyLabelSpace={false}
                   label="Location"
                   labelType="label"
diff --git a/x-pack/legacy/plugins/uptime/public/components/functional/empty_state/__tests__/__snapshots__/data_missing.test.tsx.snap b/x-pack/legacy/plugins/uptime/public/components/functional/empty_state/__tests__/__snapshots__/data_missing.test.tsx.snap
index b17d28f19335b..4dfc837c29b55 100644
--- a/x-pack/legacy/plugins/uptime/public/components/functional/empty_state/__tests__/__snapshots__/data_missing.test.tsx.snap
+++ b/x-pack/legacy/plugins/uptime/public/components/functional/empty_state/__tests__/__snapshots__/data_missing.test.tsx.snap
@@ -19,18 +19,16 @@ exports[`DataMissing component renders basePath and headingMessage 1`] = `
               id="xpack.uptime.emptyState.configureHeartbeatToGetStartedMessage"
               values={
                 Object {
-                  "configureHeartbeatLink": <EuiLink
-                    color="primary"
+                  "configureHeartbeatLink": <ForwardRef
                     href="foo/app/kibana#/home/tutorial/uptimeMonitors"
                     target="_blank"
-                    type="button"
                   >
                     <FormattedMessage
                       defaultMessage="Configure Heartbeat"
                       id="xpack.uptime.emptyState.configureHeartbeatLinkText"
                       values={Object {}}
                     />
-                  </EuiLink>,
+                  </ForwardRef>,
                 }
               }
             />
diff --git a/x-pack/legacy/plugins/uptime/public/components/functional/empty_state/__tests__/__snapshots__/empty_state.test.tsx.snap b/x-pack/legacy/plugins/uptime/public/components/functional/empty_state/__tests__/__snapshots__/empty_state.test.tsx.snap
index 4783806340f07..393ab7f1b45e2 100644
--- a/x-pack/legacy/plugins/uptime/public/components/functional/empty_state/__tests__/__snapshots__/empty_state.test.tsx.snap
+++ b/x-pack/legacy/plugins/uptime/public/components/functional/empty_state/__tests__/__snapshots__/empty_state.test.tsx.snap
@@ -152,18 +152,16 @@ exports[`EmptyState component does not render empty state with appropriate base
                         id="xpack.uptime.emptyState.configureHeartbeatToGetStartedMessage"
                         values={
                           Object {
-                            "configureHeartbeatLink": <EuiLink
-                              color="primary"
+                            "configureHeartbeatLink": <ForwardRef
                               href="foo/app/kibana#/home/tutorial/uptimeMonitors"
                               target="_blank"
-                              type="button"
                             >
                               <FormattedMessage
                                 defaultMessage="Configure Heartbeat"
                                 id="xpack.uptime.emptyState.configureHeartbeatLinkText"
                                 values={Object {}}
                               />
-                            </EuiLink>,
+                            </ForwardRef>,
                           }
                         }
                       />
@@ -246,26 +244,22 @@ exports[`EmptyState component does not render empty state with appropriate base
                                 id="xpack.uptime.emptyState.configureHeartbeatToGetStartedMessage"
                                 values={
                                   Object {
-                                    "configureHeartbeatLink": <EuiLink
-                                      color="primary"
+                                    "configureHeartbeatLink": <ForwardRef
                                       href="foo/app/kibana#/home/tutorial/uptimeMonitors"
                                       target="_blank"
-                                      type="button"
                                     >
                                       <FormattedMessage
                                         defaultMessage="Configure Heartbeat"
                                         id="xpack.uptime.emptyState.configureHeartbeatLinkText"
                                         values={Object {}}
                                       />
-                                    </EuiLink>,
+                                    </ForwardRef>,
                                   }
                                 }
                               >
                                 <EuiLink
-                                  color="primary"
                                   href="foo/app/kibana#/home/tutorial/uptimeMonitors"
                                   target="_blank"
-                                  type="button"
                                 >
                                   <a
                                     className="euiLink euiLink--primary"
@@ -622,18 +616,16 @@ exports[`EmptyState component notifies when index does not exist 1`] = `
                         id="xpack.uptime.emptyState.configureHeartbeatToGetStartedMessage"
                         values={
                           Object {
-                            "configureHeartbeatLink": <EuiLink
-                              color="primary"
+                            "configureHeartbeatLink": <ForwardRef
                               href="foo/app/kibana#/home/tutorial/uptimeMonitors"
                               target="_blank"
-                              type="button"
                             >
                               <FormattedMessage
                                 defaultMessage="Configure Heartbeat"
                                 id="xpack.uptime.emptyState.configureHeartbeatLinkText"
                                 values={Object {}}
                               />
-                            </EuiLink>,
+                            </ForwardRef>,
                           }
                         }
                       />
@@ -716,26 +708,22 @@ exports[`EmptyState component notifies when index does not exist 1`] = `
                                 id="xpack.uptime.emptyState.configureHeartbeatToGetStartedMessage"
                                 values={
                                   Object {
-                                    "configureHeartbeatLink": <EuiLink
-                                      color="primary"
+                                    "configureHeartbeatLink": <ForwardRef
                                       href="foo/app/kibana#/home/tutorial/uptimeMonitors"
                                       target="_blank"
-                                      type="button"
                                     >
                                       <FormattedMessage
                                         defaultMessage="Configure Heartbeat"
                                         id="xpack.uptime.emptyState.configureHeartbeatLinkText"
                                         values={Object {}}
                                       />
-                                    </EuiLink>,
+                                    </ForwardRef>,
                                   }
                                 }
                               >
                                 <EuiLink
-                                  color="primary"
                                   href="foo/app/kibana#/home/tutorial/uptimeMonitors"
                                   target="_blank"
-                                  type="button"
                                 >
                                   <a
                                     className="euiLink euiLink--primary"
diff --git a/x-pack/legacy/plugins/uptime/public/components/functional/monitor_list/__tests__/__snapshots__/location_link.test.tsx.snap b/x-pack/legacy/plugins/uptime/public/components/functional/monitor_list/__tests__/__snapshots__/location_link.test.tsx.snap
index d30dcfcd7ac0e..281372023ce29 100644
--- a/x-pack/legacy/plugins/uptime/public/components/functional/monitor_list/__tests__/__snapshots__/location_link.test.tsx.snap
+++ b/x-pack/legacy/plugins/uptime/public/components/functional/monitor_list/__tests__/__snapshots__/location_link.test.tsx.snap
@@ -2,10 +2,8 @@
 
 exports[`LocationLink component renders a help link when location not present 1`] = `
 <EuiLink
-  color="primary"
   href="https://www.elastic.co/guide/en/beats/heartbeat/current/configuration-observer-options.html"
   target="_blank"
-  type="button"
 >
   Add location
    
diff --git a/x-pack/legacy/plugins/uptime/public/lib/adapters/framework/__tests__/__snapshots__/kibana_global_help.test.tsx.snap b/x-pack/legacy/plugins/uptime/public/lib/adapters/framework/__tests__/__snapshots__/kibana_global_help.test.tsx.snap
index 9ae847cfc7fb9..b3f749b12d9d1 100644
--- a/x-pack/legacy/plugins/uptime/public/lib/adapters/framework/__tests__/__snapshots__/kibana_global_help.test.tsx.snap
+++ b/x-pack/legacy/plugins/uptime/public/lib/adapters/framework/__tests__/__snapshots__/kibana_global_help.test.tsx.snap
@@ -27,12 +27,10 @@ exports[`renderUptimeKibanaGlobalHelp renders links with expected urls 1`] = `
     />
   </EuiButton>
   <EuiSpacer />
-  <EuiLink
+  <ForwardRef
     aria-label="Go to our discuss page"
-    color="primary"
     href="https://discuss.elastic.co/c/uptime"
     target="_blank"
-    type="button"
   >
     <FormattedMessage
       defaultMessage="Provide feedback for Uptime"
@@ -40,6 +38,6 @@ exports[`renderUptimeKibanaGlobalHelp renders links with expected urls 1`] = `
       id="xpack.uptime.header.helpLinkText"
       values={Object {}}
     />
-  </EuiLink>
+  </ForwardRef>
 </React.Fragment>
 `;
diff --git a/x-pack/package.json b/x-pack/package.json
index b0fabd89d20c7..de996ae30bb9a 100644
--- a/x-pack/package.json
+++ b/x-pack/package.json
@@ -195,7 +195,7 @@
     "@elastic/datemath": "5.0.2",
     "@elastic/ems-client": "1.0.2",
     "@elastic/filesaver": "1.1.2",
-    "@elastic/eui": "14.4.0",
+    "@elastic/eui": "14.5.0",
     "@elastic/javascript-typescript-langserver": "^0.3.3",
     "@elastic/lsp-extension": "^0.1.2",
     "@elastic/maki": "6.1.0",
diff --git a/yarn.lock b/yarn.lock
index 0a7a6f6d17cc9..8567d135248f8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1153,10 +1153,10 @@
     tabbable "^1.1.0"
     uuid "^3.1.0"
 
-"@elastic/eui@14.4.0":
-  version "14.4.0"
-  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-14.4.0.tgz#ac09a476798dcdb1005616cccc149eda23ea2a90"
-  integrity sha512-dR7lYwUaIRXZjlUrJBq8GcGLPh6QfM3waQxUFI8lOnMVayJe3OOMNADCn8Oty6wNYIOrBWzZbW6w4bzInWF6oA==
+"@elastic/eui@14.5.0":
+  version "14.5.0"
+  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-14.5.0.tgz#1b27559cd644403e2692cab1549082cbd3421dab"
+  integrity sha512-QpmfO6Unt4evb4P18CyWzassLFrw/4CUPFYZXQK12IChDOs6GrwQ6xZM8f0wjN/NXwjRjlWzMhtCWHYmrI6NGg==
   dependencies:
     "@types/lodash" "^4.14.116"
     "@types/numeral" "^0.0.25"