diff --git a/package.json b/package.json
index b2252e2bd264b..0041736aaf5b2 100644
--- a/package.json
+++ b/package.json
@@ -117,7 +117,7 @@
   "dependencies": {
     "@elastic/datemath": "5.0.3",
     "@elastic/elasticsearch": "7.9.1",
-    "@elastic/eui": "29.0.0",
+    "@elastic/eui": "29.3.0",
     "@elastic/good": "8.1.1-kibana2",
     "@elastic/numeral": "^2.5.0",
     "@elastic/request-crypto": "1.1.4",
diff --git a/packages/kbn-ui-framework/package.json b/packages/kbn-ui-framework/package.json
index 639d4e17d0e71..21d25311420ca 100644
--- a/packages/kbn-ui-framework/package.json
+++ b/packages/kbn-ui-framework/package.json
@@ -31,7 +31,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.11.6",
-    "@elastic/eui": "29.0.0",
+    "@elastic/eui": "29.3.0",
     "@kbn/babel-preset": "1.0.0",
     "@kbn/optimizer": "1.0.0",
     "babel-loader": "^8.0.6",
diff --git a/packages/kbn-ui-shared-deps/package.json b/packages/kbn-ui-shared-deps/package.json
index d2a590d29947b..719a60363a4dc 100644
--- a/packages/kbn-ui-shared-deps/package.json
+++ b/packages/kbn-ui-shared-deps/package.json
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@elastic/charts": "23.0.0",
-    "@elastic/eui": "29.0.0",
+    "@elastic/eui": "29.3.0",
     "@elastic/numeral": "^2.5.0",
     "@kbn/i18n": "1.0.0",
     "@kbn/monaco": "1.0.0",
@@ -39,6 +39,7 @@
   "devDependencies": {
     "@kbn/babel-preset": "1.0.0",
     "@kbn/dev-utils": "1.0.0",
+    "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "css-loader": "^3.4.2",
     "del": "^5.1.0",
     "loader-utils": "^1.2.3",
diff --git a/packages/kbn-ui-shared-deps/webpack.config.js b/packages/kbn-ui-shared-deps/webpack.config.js
index b7d4e929ac93f..986ddba209270 100644
--- a/packages/kbn-ui-shared-deps/webpack.config.js
+++ b/packages/kbn-ui-shared-deps/webpack.config.js
@@ -77,6 +77,25 @@ exports.getWebpackConfig = ({ dev = false } = {}) => ({
           },
         ],
       },
+      {
+        test: !dev ? /[\\\/]@elastic[\\\/]eui[\\\/].*\.js$/ : () => false,
+        use: [
+          {
+            loader: 'babel-loader',
+            options: {
+              plugins: [
+                [
+                  require.resolve('babel-plugin-transform-react-remove-prop-types'),
+                  {
+                    mode: 'remove',
+                    removeImport: true,
+                  },
+                ],
+              ],
+            },
+          },
+        ],
+      },
     ],
   },
 
diff --git a/src/plugins/navigation/public/top_nav_menu/_index.scss b/src/plugins/navigation/public/top_nav_menu/_index.scss
index 976ddd789ad22..230be399febda 100644
--- a/src/plugins/navigation/public/top_nav_menu/_index.scss
+++ b/src/plugins/navigation/public/top_nav_menu/_index.scss
@@ -1,8 +1,3 @@
 .kbnTopNavMenu {
   margin-right: $euiSizeXS;
 }
-
-.kbnTopNavMenu > * > * {
-  // TEMP fix to adjust spacing between EuiHeaderList__list items
-  margin: 0 $euiSizeXS;
-}
diff --git a/src/plugins/navigation/public/top_nav_menu/top_nav_menu.test.tsx b/src/plugins/navigation/public/top_nav_menu/top_nav_menu.test.tsx
index 212bc19208ca8..147feee3cd472 100644
--- a/src/plugins/navigation/public/top_nav_menu/top_nav_menu.test.tsx
+++ b/src/plugins/navigation/public/top_nav_menu/top_nav_menu.test.tsx
@@ -164,10 +164,6 @@ describe('TopNavMenu', () => {
 
       // menu is rendered outside of the component
       expect(component.find(TOP_NAV_ITEM_SELECTOR).length).toBe(0);
-
-      const buttons = portalTarget.querySelectorAll('button');
-      expect(buttons.length).toBe(menuItems.length + 1); // should be n+1 buttons in mobile for popover button
-      expect(buttons[buttons.length - 1].getAttribute('aria-label')).toBe('Open navigation menu'); // last button should be mobile button
     });
   });
 });
diff --git a/src/plugins/navigation/public/top_nav_menu/top_nav_menu.tsx b/src/plugins/navigation/public/top_nav_menu/top_nav_menu.tsx
index a27addeb14393..1739b7d915adb 100644
--- a/src/plugins/navigation/public/top_nav_menu/top_nav_menu.tsx
+++ b/src/plugins/navigation/public/top_nav_menu/top_nav_menu.tsx
@@ -88,7 +88,7 @@ export function TopNavMenu(props: TopNavMenuProps): ReactElement | null {
   function renderMenu(className: string): ReactElement | null {
     if (!config || config.length === 0) return null;
     return (
-      <EuiHeaderLinks data-test-subj="top-nav" className={className}>
+      <EuiHeaderLinks data-test-subj="top-nav" gutterSize="xs" className={className}>
         {renderItems()}
       </EuiHeaderLinks>
     );
diff --git a/src/plugins/navigation/public/top_nav_menu/top_nav_menu_item.tsx b/src/plugins/navigation/public/top_nav_menu/top_nav_menu_item.tsx
index e503ebb839f48..5c463902f77f5 100644
--- a/src/plugins/navigation/public/top_nav_menu/top_nav_menu_item.tsx
+++ b/src/plugins/navigation/public/top_nav_menu/top_nav_menu_item.tsx
@@ -52,7 +52,7 @@ export function TopNavMenuItem(props: TopNavMenuData) {
       {upperFirst(props.label || props.id!)}
     </EuiButton>
   ) : (
-    <EuiHeaderLink size="xs" isActive {...commonButtonProps}>
+    <EuiHeaderLink size="xs" color="primary" {...commonButtonProps}>
       {upperFirst(props.label || props.id!)}
     </EuiHeaderLink>
   );
diff --git a/src/plugins/share/public/types.ts b/src/plugins/share/public/types.ts
index 9dcfc3d9e8143..19f33a820a11a 100644
--- a/src/plugins/share/public/types.ts
+++ b/src/plugins/share/public/types.ts
@@ -18,7 +18,8 @@
  */
 
 import { ComponentType } from 'react';
-import { EuiContextMenuPanelDescriptor, EuiContextMenuPanelItemDescriptor } from '@elastic/eui';
+import { EuiContextMenuPanelDescriptor } from '@elastic/eui';
+import { EuiContextMenuPanelItemDescriptorEntry } from '@elastic/eui/src/components/context_menu/context_menu';
 
 /**
  * @public
@@ -53,7 +54,8 @@ export interface ShareContext {
  * used to order the individual items in a flat list returned by all registered
  * menu providers.
  * */
-export interface ShareContextMenuPanelItem extends Omit<EuiContextMenuPanelItemDescriptor, 'name'> {
+export interface ShareContextMenuPanelItem
+  extends Omit<EuiContextMenuPanelItemDescriptorEntry, 'name'> {
   name: string; // EUI will accept a `ReactNode` for the `name` prop, but `ShareContentMenu` assumes a `string`.
   sortOrder?: number;
 }
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 87a1bc20920a4..0d6d0286c5a8f 100644
--- a/test/interpreter_functional/plugins/kbn_tp_run_pipeline/package.json
+++ b/test/interpreter_functional/plugins/kbn_tp_run_pipeline/package.json
@@ -12,7 +12,7 @@
     "build": "rm -rf './target' && tsc"
   },
   "devDependencies": {
-    "@elastic/eui": "29.0.0",
+    "@elastic/eui": "29.3.0",
     "@kbn/plugin-helpers": "1.0.0",
     "react": "^16.12.0",
     "react-dom": "^16.12.0",
diff --git a/test/plugin_functional/plugins/kbn_sample_panel_action/package.json b/test/plugin_functional/plugins/kbn_sample_panel_action/package.json
index 8bbf6274bd15f..8efd2ee432415 100644
--- a/test/plugin_functional/plugins/kbn_sample_panel_action/package.json
+++ b/test/plugin_functional/plugins/kbn_sample_panel_action/package.json
@@ -12,7 +12,7 @@
     "build": "rm -rf './target' && tsc"
   },
   "devDependencies": {
-    "@elastic/eui": "29.0.0",
+    "@elastic/eui": "29.3.0",
     "react": "^16.12.0",
     "typescript": "4.0.2"
   }
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 c0d9a03d02c32..4405063e54c06 100644
--- a/test/plugin_functional/plugins/kbn_tp_custom_visualizations/package.json
+++ b/test/plugin_functional/plugins/kbn_tp_custom_visualizations/package.json
@@ -12,7 +12,7 @@
     "build": "rm -rf './target' && tsc"
   },
   "devDependencies": {
-    "@elastic/eui": "29.0.0",
+    "@elastic/eui": "29.3.0",
     "@kbn/plugin-helpers": "1.0.0",
     "react": "^16.12.0",
     "typescript": "4.0.2"
diff --git a/x-pack/package.json b/x-pack/package.json
index ffe1a08855888..0222d198d4f91 100644
--- a/x-pack/package.json
+++ b/x-pack/package.json
@@ -275,7 +275,7 @@
     "@babel/runtime": "^7.11.2",
     "@elastic/datemath": "5.0.3",
     "@elastic/ems-client": "7.10.0",
-    "@elastic/eui": "29.0.0",
+    "@elastic/eui": "29.3.0",
     "@elastic/filesaver": "1.1.2",
     "@elastic/node-crypto": "1.2.1",
     "@elastic/numeral": "^2.5.0",
diff --git a/x-pack/plugins/canvas/public/components/color_picker_popover/__stories__/__snapshots__/color_picker_popover.stories.storyshot b/x-pack/plugins/canvas/public/components/color_picker_popover/__stories__/__snapshots__/color_picker_popover.stories.storyshot
index 178cba0c99e4a..6cab47734039b 100644
--- a/x-pack/plugins/canvas/public/components/color_picker_popover/__stories__/__snapshots__/color_picker_popover.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/color_picker_popover/__stories__/__snapshots__/color_picker_popover.stories.storyshot
@@ -4,7 +4,6 @@ exports[`Storyshots components/Color/ColorPickerPopover interactive 1`] = `
 <div>
   <div
     className="euiPopover euiPopover--anchorDownCenter"
-    container={null}
     id="color-picker-popover"
     onKeyDown={[Function]}
     onMouseDown={[Function]}
@@ -66,7 +65,6 @@ exports[`Storyshots components/Color/ColorPickerPopover interactive 1`] = `
 exports[`Storyshots components/Color/ColorPickerPopover six colors 1`] = `
 <div
   className="euiPopover euiPopover--anchorDownCenter"
-  container={null}
   id="color-picker-popover"
   onKeyDown={[Function]}
   onMouseDown={[Function]}
@@ -111,7 +109,6 @@ exports[`Storyshots components/Color/ColorPickerPopover six colors 1`] = `
 exports[`Storyshots components/Color/ColorPickerPopover six colors, value missing 1`] = `
 <div
   className="euiPopover euiPopover--anchorDownCenter"
-  container={null}
   id="color-picker-popover"
   onKeyDown={[Function]}
   onMouseDown={[Function]}
@@ -156,7 +153,6 @@ exports[`Storyshots components/Color/ColorPickerPopover six colors, value missin
 exports[`Storyshots components/Color/ColorPickerPopover three colors 1`] = `
 <div
   className="euiPopover euiPopover--anchorDownCenter"
-  container={null}
   id="color-picker-popover"
   onKeyDown={[Function]}
   onMouseDown={[Function]}
diff --git a/x-pack/plugins/canvas/public/components/shape_picker_popover/__stories__/__snapshots__/shape_picker_popover.stories.storyshot b/x-pack/plugins/canvas/public/components/shape_picker_popover/__stories__/__snapshots__/shape_picker_popover.stories.storyshot
index 939440750c288..7a40bee5fedc3 100644
--- a/x-pack/plugins/canvas/public/components/shape_picker_popover/__stories__/__snapshots__/shape_picker_popover.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/shape_picker_popover/__stories__/__snapshots__/shape_picker_popover.stories.storyshot
@@ -3,7 +3,6 @@
 exports[`Storyshots components/Shapes/ShapePickerPopover default 1`] = `
 <div
   className="euiPopover euiPopover--anchorDownCenter"
-  container={null}
   onKeyDown={[Function]}
   onMouseDown={[Function]}
   onMouseUp={[Function]}
@@ -38,7 +37,6 @@ exports[`Storyshots components/Shapes/ShapePickerPopover default 1`] = `
 exports[`Storyshots components/Shapes/ShapePickerPopover interactive 1`] = `
 <div
   className="euiPopover euiPopover--anchorDownCenter"
-  container={null}
   onKeyDown={[Function]}
   onMouseDown={[Function]}
   onMouseUp={[Function]}
@@ -80,7 +78,6 @@ exports[`Storyshots components/Shapes/ShapePickerPopover interactive 1`] = `
 exports[`Storyshots components/Shapes/ShapePickerPopover shape selected 1`] = `
 <div
   className="euiPopover euiPopover--anchorDownCenter"
-  container={null}
   onKeyDown={[Function]}
   onMouseDown={[Function]}
   onMouseUp={[Function]}
diff --git a/x-pack/plugins/canvas/public/components/text_style_picker/__stories__/__snapshots__/text_style_picker.stories.storyshot b/x-pack/plugins/canvas/public/components/text_style_picker/__stories__/__snapshots__/text_style_picker.stories.storyshot
index 59b9989030459..177e6fb67af90 100644
--- a/x-pack/plugins/canvas/public/components/text_style_picker/__stories__/__snapshots__/text_style_picker.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/text_style_picker/__stories__/__snapshots__/text_style_picker.stories.storyshot
@@ -215,7 +215,6 @@ exports[`Storyshots components/TextStylePicker default 1`] = `
       >
         <div
           className="euiPopover euiPopover--anchorDownCenter"
-          container={null}
           id="color-picker-popover"
           onKeyDown={[Function]}
           onMouseDown={[Function]}
@@ -694,7 +693,6 @@ exports[`Storyshots components/TextStylePicker interactive 1`] = `
       >
         <div
           className="euiPopover euiPopover--anchorDownCenter"
-          container={null}
           id="color-picker-popover"
           onKeyDown={[Function]}
           onMouseDown={[Function]}
diff --git a/x-pack/plugins/canvas/public/components/workpad_header/edit_menu/__stories__/__snapshots__/edit_menu.stories.storyshot b/x-pack/plugins/canvas/public/components/workpad_header/edit_menu/__stories__/__snapshots__/edit_menu.stories.storyshot
index 032553d015909..93f4db664d1db 100644
--- a/x-pack/plugins/canvas/public/components/workpad_header/edit_menu/__stories__/__snapshots__/edit_menu.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/workpad_header/edit_menu/__stories__/__snapshots__/edit_menu.stories.storyshot
@@ -3,7 +3,6 @@
 exports[`Storyshots components/WorkpadHeader/EditMenu 2 elements selected 1`] = `
 <div
   className="euiPopover euiPopover--anchorDownLeft"
-  container={null}
   onKeyDown={[Function]}
   onMouseDown={[Function]}
   onMouseUp={[Function]}
@@ -37,7 +36,6 @@ exports[`Storyshots components/WorkpadHeader/EditMenu 2 elements selected 1`] =
 exports[`Storyshots components/WorkpadHeader/EditMenu 3+ elements selected 1`] = `
 <div
   className="euiPopover euiPopover--anchorDownLeft"
-  container={null}
   onKeyDown={[Function]}
   onMouseDown={[Function]}
   onMouseUp={[Function]}
@@ -71,7 +69,6 @@ exports[`Storyshots components/WorkpadHeader/EditMenu 3+ elements selected 1`] =
 exports[`Storyshots components/WorkpadHeader/EditMenu clipboard data exists 1`] = `
 <div
   className="euiPopover euiPopover--anchorDownLeft"
-  container={null}
   onKeyDown={[Function]}
   onMouseDown={[Function]}
   onMouseUp={[Function]}
@@ -105,7 +102,6 @@ exports[`Storyshots components/WorkpadHeader/EditMenu clipboard data exists 1`]
 exports[`Storyshots components/WorkpadHeader/EditMenu default 1`] = `
 <div
   className="euiPopover euiPopover--anchorDownLeft"
-  container={null}
   onKeyDown={[Function]}
   onMouseDown={[Function]}
   onMouseUp={[Function]}
@@ -139,7 +135,6 @@ exports[`Storyshots components/WorkpadHeader/EditMenu default 1`] = `
 exports[`Storyshots components/WorkpadHeader/EditMenu single element selected 1`] = `
 <div
   className="euiPopover euiPopover--anchorDownLeft"
-  container={null}
   onKeyDown={[Function]}
   onMouseDown={[Function]}
   onMouseUp={[Function]}
@@ -173,7 +168,6 @@ exports[`Storyshots components/WorkpadHeader/EditMenu single element selected 1`
 exports[`Storyshots components/WorkpadHeader/EditMenu single grouped element selected 1`] = `
 <div
   className="euiPopover euiPopover--anchorDownLeft"
-  container={null}
   onKeyDown={[Function]}
   onMouseDown={[Function]}
   onMouseUp={[Function]}
diff --git a/x-pack/plugins/canvas/public/components/workpad_header/element_menu/__stories__/__snapshots__/element_menu.stories.storyshot b/x-pack/plugins/canvas/public/components/workpad_header/element_menu/__stories__/__snapshots__/element_menu.stories.storyshot
index a5eec8e074e76..68bf0ecccbe56 100644
--- a/x-pack/plugins/canvas/public/components/workpad_header/element_menu/__stories__/__snapshots__/element_menu.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/workpad_header/element_menu/__stories__/__snapshots__/element_menu.stories.storyshot
@@ -3,7 +3,6 @@
 exports[`Storyshots components/WorkpadHeader/ElementMenu default 1`] = `
 <div
   className="euiPopover euiPopover--anchorDownLeft"
-  container={null}
   onKeyDown={[Function]}
   onMouseDown={[Function]}
   onMouseUp={[Function]}
diff --git a/x-pack/plugins/canvas/public/components/workpad_header/share_menu/__stories__/__snapshots__/share_menu.stories.storyshot b/x-pack/plugins/canvas/public/components/workpad_header/share_menu/__stories__/__snapshots__/share_menu.stories.storyshot
index bd0bb7159d147..a016912a51cd2 100644
--- a/x-pack/plugins/canvas/public/components/workpad_header/share_menu/__stories__/__snapshots__/share_menu.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/workpad_header/share_menu/__stories__/__snapshots__/share_menu.stories.storyshot
@@ -4,7 +4,6 @@ exports[`Storyshots components/WorkpadHeader/ShareMenu default 1`] = `
 <div>
   <div
     className="euiPopover euiPopover--anchorDownLeft"
-    container={null}
     onKeyDown={[Function]}
     onMouseDown={[Function]}
     onMouseUp={[Function]}
diff --git a/x-pack/plugins/canvas/public/components/workpad_header/view_menu/__stories__/__snapshots__/view_menu.stories.storyshot b/x-pack/plugins/canvas/public/components/workpad_header/view_menu/__stories__/__snapshots__/view_menu.stories.storyshot
index fb85e73757b70..41b3f44f0842f 100644
--- a/x-pack/plugins/canvas/public/components/workpad_header/view_menu/__stories__/__snapshots__/view_menu.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/workpad_header/view_menu/__stories__/__snapshots__/view_menu.stories.storyshot
@@ -3,7 +3,6 @@
 exports[`Storyshots components/WorkpadHeader/ViewMenu edit mode 1`] = `
 <div
   className="euiPopover euiPopover--anchorDownLeft"
-  container={null}
   onKeyDown={[Function]}
   onMouseDown={[Function]}
   onMouseUp={[Function]}
@@ -36,7 +35,6 @@ exports[`Storyshots components/WorkpadHeader/ViewMenu edit mode 1`] = `
 exports[`Storyshots components/WorkpadHeader/ViewMenu read only mode 1`] = `
 <div
   className="euiPopover euiPopover--anchorDownLeft"
-  container={null}
   onKeyDown={[Function]}
   onMouseDown={[Function]}
   onMouseUp={[Function]}
@@ -69,7 +67,6 @@ exports[`Storyshots components/WorkpadHeader/ViewMenu read only mode 1`] = `
 exports[`Storyshots components/WorkpadHeader/ViewMenu with autoplay enabled 1`] = `
 <div
   className="euiPopover euiPopover--anchorDownLeft"
-  container={null}
   onKeyDown={[Function]}
   onMouseDown={[Function]}
   onMouseUp={[Function]}
@@ -102,7 +99,6 @@ exports[`Storyshots components/WorkpadHeader/ViewMenu with autoplay enabled 1`]
 exports[`Storyshots components/WorkpadHeader/ViewMenu with refresh enabled 1`] = `
 <div
   className="euiPopover euiPopover--anchorDownLeft"
-  container={null}
   onKeyDown={[Function]}
   onMouseDown={[Function]}
   onMouseUp={[Function]}
diff --git a/x-pack/plugins/canvas/public/expression_types/arg_types/container_style/__stories__/__snapshots__/extended_template.stories.storyshot b/x-pack/plugins/canvas/public/expression_types/arg_types/container_style/__stories__/__snapshots__/extended_template.stories.storyshot
index 997f8a24050f6..0f4963c076757 100644
--- a/x-pack/plugins/canvas/public/expression_types/arg_types/container_style/__stories__/__snapshots__/extended_template.stories.storyshot
+++ b/x-pack/plugins/canvas/public/expression_types/arg_types/container_style/__stories__/__snapshots__/extended_template.stories.storyshot
@@ -435,7 +435,6 @@ exports[`Storyshots arguments/ContainerStyle extended 1`] = `
           >
             <div
               className="euiPopover euiPopover--anchorUpCenter"
-              container={null}
               id="color-picker-popover"
               onKeyDown={[Function]}
               onMouseDown={[Function]}
@@ -905,7 +904,6 @@ exports[`Storyshots arguments/ContainerStyle/components border form 1`] = `
         >
           <div
             className="euiPopover euiPopover--anchorUpCenter"
-            container={null}
             id="color-picker-popover"
             onKeyDown={[Function]}
             onMouseDown={[Function]}
@@ -1387,7 +1385,6 @@ exports[`Storyshots arguments/ContainerStyle/components extended template 1`] =
           >
             <div
               className="euiPopover euiPopover--anchorUpCenter"
-              container={null}
               id="color-picker-popover"
               onKeyDown={[Function]}
               onMouseDown={[Function]}
diff --git a/x-pack/plugins/security_solution/public/common/components/paginated_table/__snapshots__/index.test.tsx.snap b/x-pack/plugins/security_solution/public/common/components/paginated_table/__snapshots__/index.test.tsx.snap
index af022fc3d525d..3df8663324fdd 100644
--- a/x-pack/plugins/security_solution/public/common/components/paginated_table/__snapshots__/index.test.tsx.snap
+++ b/x-pack/plugins/security_solution/public/common/components/paginated_table/__snapshots__/index.test.tsx.snap
@@ -66,7 +66,8 @@ exports[`Paginated Table Component rendering it renders the default load more ta
         "euiButtonHeight": "40px",
         "euiButtonHeightSmall": "32px",
         "euiButtonIconTypes": Object {
-          "danger": "#ff6666",
+          "accent": "#f990c0",
+          "danger": "#ff7575",
           "disabled": "#4c4e51",
           "ghost": "#ffffff",
           "primary": "#1ba9f5",
@@ -217,7 +218,7 @@ exports[`Paginated Table Component rendering it renders the default load more ta
         "euiDataGridColumnResizerWidth": "3px",
         "euiDataGridPopoverMaxHeight": "400px",
         "euiDataGridPrefix": ".euiDataGrid--",
-        "euiDataGridStyles": "'bordersAll', 'bordersNone', 'bordersHorizontal', 'paddingSmall', 'paddingMedium', 'paddingLarge', 'stripes', 'rowHoverNone', 'rowHoverHighlight', 'headerShade', 'headerUnderline', 'fontSizeSmall', 'fontSizeLarge', 'noControls'",
+        "euiDataGridStyles": "'bordersAll', 'bordersNone', 'bordersHorizontal', 'paddingSmall', 'paddingMedium', 'paddingLarge', 'stripes', 'rowHoverNone', 'rowHoverHighlight', 'headerShade', 'headerUnderline', 'footerShade', 'footerOverline', 'fontSizeSmall', 'fontSizeLarge', 'noControls', 'stickyFooter'",
         "euiDataGridVerticalBorder": "solid 1px #24272e",
         "euiDatePickerCalendarWidth": "284px",
         "euiDragAndDropSpacing": Object {
@@ -292,9 +293,15 @@ exports[`Paginated Table Component rendering it renders the default load more ta
         "euiHeaderChildSize": "48px",
         "euiHeaderHeight": "48px",
         "euiHeaderHeightCompensation": "49px",
+        "euiHeaderLinksGutterSizes": Object {
+          "gutterL": "24px",
+          "gutterM": "12px",
+          "gutterS": "8px",
+          "gutterXS": "4px",
+        },
         "euiIconColors": Object {
           "accent": "#f990c0",
-          "danger": "#ff7575",
+          "danger": "#ff6666",
           "ghost": "#ffffff",
           "primary": "#1ba9f5",
           "secondary": "#7de2d1",
diff --git a/x-pack/plugins/security_solution/public/timelines/components/notes/note_card/__snapshots__/note_card_body.test.tsx.snap b/x-pack/plugins/security_solution/public/timelines/components/notes/note_card/__snapshots__/note_card_body.test.tsx.snap
index 4eb320571a75b..10ad0123f7fc6 100644
--- a/x-pack/plugins/security_solution/public/timelines/components/notes/note_card/__snapshots__/note_card_body.test.tsx.snap
+++ b/x-pack/plugins/security_solution/public/timelines/components/notes/note_card/__snapshots__/note_card_body.test.tsx.snap
@@ -66,7 +66,8 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = `
         "euiButtonHeight": "40px",
         "euiButtonHeightSmall": "32px",
         "euiButtonIconTypes": Object {
-          "danger": "#ff6666",
+          "accent": "#f990c0",
+          "danger": "#ff7575",
           "disabled": "#4c4e51",
           "ghost": "#ffffff",
           "primary": "#1ba9f5",
@@ -217,7 +218,7 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = `
         "euiDataGridColumnResizerWidth": "3px",
         "euiDataGridPopoverMaxHeight": "400px",
         "euiDataGridPrefix": ".euiDataGrid--",
-        "euiDataGridStyles": "'bordersAll', 'bordersNone', 'bordersHorizontal', 'paddingSmall', 'paddingMedium', 'paddingLarge', 'stripes', 'rowHoverNone', 'rowHoverHighlight', 'headerShade', 'headerUnderline', 'fontSizeSmall', 'fontSizeLarge', 'noControls'",
+        "euiDataGridStyles": "'bordersAll', 'bordersNone', 'bordersHorizontal', 'paddingSmall', 'paddingMedium', 'paddingLarge', 'stripes', 'rowHoverNone', 'rowHoverHighlight', 'headerShade', 'headerUnderline', 'footerShade', 'footerOverline', 'fontSizeSmall', 'fontSizeLarge', 'noControls', 'stickyFooter'",
         "euiDataGridVerticalBorder": "solid 1px #24272e",
         "euiDatePickerCalendarWidth": "284px",
         "euiDragAndDropSpacing": Object {
@@ -292,9 +293,15 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = `
         "euiHeaderChildSize": "48px",
         "euiHeaderHeight": "48px",
         "euiHeaderHeightCompensation": "49px",
+        "euiHeaderLinksGutterSizes": Object {
+          "gutterL": "24px",
+          "gutterM": "12px",
+          "gutterS": "8px",
+          "gutterXS": "4px",
+        },
         "euiIconColors": Object {
           "accent": "#f990c0",
-          "danger": "#ff7575",
+          "danger": "#ff6666",
           "ghost": "#ffffff",
           "primary": "#1ba9f5",
           "secondary": "#7de2d1",
diff --git a/x-pack/test/apm_api_integration/trial/tests/csm/__snapshots__/page_views.snap b/x-pack/test/apm_api_integration/trial/tests/csm/__snapshots__/page_views.snap
deleted file mode 100644
index 38b009fc73d34..0000000000000
--- a/x-pack/test/apm_api_integration/trial/tests/csm/__snapshots__/page_views.snap
+++ /dev/null
@@ -1,280 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CSM page views when there is data returns page views 1`] = `
-Object {
-  "items": Array [
-    Object {
-      "x": 1600149947000,
-      "y": 1,
-    },
-    Object {
-      "x": 1600149957000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600149967000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600149977000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600149987000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600149997000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150007000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150017000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150027000,
-      "y": 1,
-    },
-    Object {
-      "x": 1600150037000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150047000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150057000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150067000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150077000,
-      "y": 1,
-    },
-    Object {
-      "x": 1600150087000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150097000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150107000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150117000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150127000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150137000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150147000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150157000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150167000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150177000,
-      "y": 1,
-    },
-    Object {
-      "x": 1600150187000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150197000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150207000,
-      "y": 1,
-    },
-    Object {
-      "x": 1600150217000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150227000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150237000,
-      "y": 1,
-    },
-  ],
-  "topItems": Array [],
-}
-`;
-
-exports[`CSM page views when there is data returns page views with breakdown 1`] = `
-Object {
-  "items": Array [
-    Object {
-      "Chrome": 1,
-      "x": 1600149947000,
-      "y": 1,
-    },
-    Object {
-      "x": 1600149957000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600149967000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600149977000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600149987000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600149997000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150007000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150017000,
-      "y": 0,
-    },
-    Object {
-      "Chrome": 1,
-      "x": 1600150027000,
-      "y": 1,
-    },
-    Object {
-      "x": 1600150037000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150047000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150057000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150067000,
-      "y": 0,
-    },
-    Object {
-      "Chrome": 1,
-      "x": 1600150077000,
-      "y": 1,
-    },
-    Object {
-      "x": 1600150087000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150097000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150107000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150117000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150127000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150137000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150147000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150157000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150167000,
-      "y": 0,
-    },
-    Object {
-      "Chrome": 1,
-      "x": 1600150177000,
-      "y": 1,
-    },
-    Object {
-      "x": 1600150187000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150197000,
-      "y": 0,
-    },
-    Object {
-      "Chrome Mobile": 1,
-      "x": 1600150207000,
-      "y": 1,
-    },
-    Object {
-      "x": 1600150217000,
-      "y": 0,
-    },
-    Object {
-      "x": 1600150227000,
-      "y": 0,
-    },
-    Object {
-      "Chrome Mobile": 1,
-      "x": 1600150237000,
-      "y": 1,
-    },
-  ],
-  "topItems": Array [
-    "Chrome",
-    "Chrome Mobile",
-  ],
-}
-`;
-
-exports[`CSM page views when there is no data returns empty list 1`] = `
-Object {
-  "items": Array [],
-  "topItems": Array [],
-}
-`;
-
-exports[`CSM page views when there is no data returns empty list with breakdowns 1`] = `
-Object {
-  "items": Array [],
-  "topItems": Array [],
-}
-`;
diff --git a/yarn.lock b/yarn.lock
index fabd775570bb5..65568ef22f697 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1267,10 +1267,10 @@
   resolved "https://registry.yarnpkg.com/@elastic/eslint-plugin-eui/-/eslint-plugin-eui-0.0.2.tgz#56b9ef03984a05cc213772ae3713ea8ef47b0314"
   integrity sha512-IoxURM5zraoQ7C8f+mJb9HYSENiZGgRVcG4tLQxE61yHNNRDXtGDWTZh8N1KIHcsqN1CEPETjuzBXkJYF/fDiQ==
 
-"@elastic/eui@29.0.0":
-  version "29.0.0"
-  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-29.0.0.tgz#1c8d822c62ad5e29298a3a36f5b02fd9b32a5550"
-  integrity sha512-YsDjtN/nRA4vvWukg5FDN4iPQgHUVxDwn/JZ1mArCeMe34JwzYJlEkk6Z/+iNbJOZQNHngmV8I2TStcP8k82gg==
+"@elastic/eui@29.3.0":
+  version "29.3.0"
+  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-29.3.0.tgz#5fd74110d9e3c9634566b37f5696947bce27c083"
+  integrity sha512-Ga/IsPXQajmYySliuGmux1UgqIQWNZssoCdT6ZGylZSVMdiKk+TJTh06eebGoTLrMXBJcNRV3JauQxeErQaarw==
   dependencies:
     "@types/chroma-js" "^2.0.0"
     "@types/lodash" "^4.14.160"