diff --git a/package.json b/package.json
index 107f7b7df23fee..c70d1225ca55f7 100644
--- a/package.json
+++ b/package.json
@@ -99,7 +99,7 @@
     "@elastic/datemath": "link:bazel-bin/packages/elastic-datemath",
     "@elastic/elasticsearch": "npm:@elastic/elasticsearch-canary@^8.0.0-canary.13",
     "@elastic/ems-client": "7.14.0",
-    "@elastic/eui": "36.0.0",
+    "@elastic/eui": "36.1.0",
     "@elastic/filesaver": "1.1.2",
     "@elastic/good": "^9.0.1-kibana3",
     "@elastic/maki": "6.3.0",
diff --git a/packages/kbn-optimizer/limits.yml b/packages/kbn-optimizer/limits.yml
index 3755744d73184a..67eaff4a4554c6 100644
--- a/packages/kbn-optimizer/limits.yml
+++ b/packages/kbn-optimizer/limits.yml
@@ -8,7 +8,7 @@ pageLoadAssetSize:
   charts: 95000
   cloud: 21076
   console: 46091
-  core: 432925
+  core: 434325
   crossClusterReplication: 65408
   dashboard: 374194
   dashboardEnhanced: 65646
diff --git a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
index af836d4436a1a1..d2bc11f4db8772 100644
--- a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
+++ b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
@@ -4843,20 +4843,29 @@ exports[`Header renders 1`] = `
                 truncate={true}
               >
                 <nav
-                  aria-label="breadcrumb"
+                  aria-label="Breadcrumbs"
                   className="euiBreadcrumbs euiHeaderBreadcrumbs euiBreadcrumbs--truncate"
                   data-test-subj="breadcrumbs"
                 >
-                  <EuiInnerText>
-                    <span
-                      aria-current="page"
+                  <ol
+                    className="euiBreadcrumbs__list"
+                  >
+                    <li
                       className="euiBreadcrumb euiBreadcrumb--last"
-                      data-test-subj="breadcrumb first last"
-                      title="test"
+                      key="0"
                     >
-                      test
-                    </span>
-                  </EuiInnerText>
+                      <EuiInnerText>
+                        <span
+                          aria-current="page"
+                          className="euiBreadcrumb__content"
+                          data-test-subj="breadcrumb first last"
+                          title="test"
+                        >
+                          test
+                        </span>
+                      </EuiInnerText>
+                    </li>
+                  </ol>
                 </nav>
               </EuiBreadcrumbs>
             </EuiHeaderBreadcrumbs>
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 5080b23e99c252..eb90df831fabc6 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
@@ -1,34 +1,54 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`HeaderBreadcrumbs renders updates to the breadcrumbs$ observable 1`] = `
-<span
-  aria-current="page"
+<li
   className="euiBreadcrumb euiBreadcrumb--last"
-  data-test-subj="breadcrumb first last"
-  title="First"
+  key="0"
 >
-  First
-</span>
+  <EuiInnerText>
+    <span
+      aria-current="page"
+      className="euiBreadcrumb__content"
+      data-test-subj="breadcrumb first last"
+      title="First"
+    >
+      First
+    </span>
+  </EuiInnerText>
+</li>
 `;
 
 exports[`HeaderBreadcrumbs renders updates to the breadcrumbs$ observable 2`] = `
 Array [
-  <span
-    aria-current="false"
+  <li
     className="euiBreadcrumb"
-    data-test-subj="breadcrumb first"
-    title="First"
+    key="0"
   >
-    First
-  </span>,
-  <span
-    aria-current="page"
+    <EuiInnerText>
+      <span
+        className="euiBreadcrumb__content"
+        data-test-subj="breadcrumb first"
+        title="First"
+      >
+        First
+      </span>
+    </EuiInnerText>
+  </li>,
+  <li
     className="euiBreadcrumb euiBreadcrumb--last"
-    data-test-subj="breadcrumb last"
-    title="Second"
+    key="1"
   >
-    Second
-  </span>,
+    <EuiInnerText>
+      <span
+        aria-current="page"
+        className="euiBreadcrumb__content"
+        data-test-subj="breadcrumb last"
+        title="Second"
+      >
+        Second
+      </span>
+    </EuiInnerText>
+  </li>,
 ]
 `;
 
diff --git a/src/core/public/i18n/__snapshots__/i18n_service.test.tsx.snap b/src/core/public/i18n/__snapshots__/i18n_service.test.tsx.snap
index cd8c669aae2358..f723cf5bca23af 100644
--- a/src/core/public/i18n/__snapshots__/i18n_service.test.tsx.snap
+++ b/src/core/public/i18n/__snapshots__/i18n_service.test.tsx.snap
@@ -17,7 +17,8 @@ exports[`#start() returns \`Context\` component 1`] = `
           "euiBottomBar.customScreenReaderAnnouncement": [Function],
           "euiBottomBar.screenReaderAnnouncement": "There is a new region landmark with page level controls at the end of the document.",
           "euiBottomBar.screenReaderHeading": "Page level controls",
-          "euiBreadcrumbs.collapsedBadge.ariaLabel": "Show collapsed breadcrumbs",
+          "euiBreadcrumbs.collapsedBadge.ariaLabel": "See collapsed breadcrumbs",
+          "euiBreadcrumbs.nav.ariaLabel": "Breadcrumbs",
           "euiCardSelect.select": "Select",
           "euiCardSelect.selected": "Selected",
           "euiCardSelect.unavailable": "Unavailable",
@@ -193,11 +194,13 @@ exports[`#start() returns \`Context\` component 1`] = `
           "euiSelectableTemplateSitewide.searchPlaceholder": "Search for anything...",
           "euiStat.loadingText": "Statistic is loading",
           "euiStepStrings.complete": [Function],
+          "euiStepStrings.current": [Function],
           "euiStepStrings.disabled": [Function],
           "euiStepStrings.errors": [Function],
           "euiStepStrings.incomplete": [Function],
           "euiStepStrings.loading": [Function],
           "euiStepStrings.simpleComplete": [Function],
+          "euiStepStrings.simpleCurrent": [Function],
           "euiStepStrings.simpleDisabled": [Function],
           "euiStepStrings.simpleErrors": [Function],
           "euiStepStrings.simpleIncomplete": [Function],
diff --git a/src/core/public/i18n/i18n_eui_mapping.tsx b/src/core/public/i18n/i18n_eui_mapping.tsx
index 3372146894edbf..0a6c7a05e1c75e 100644
--- a/src/core/public/i18n/i18n_eui_mapping.tsx
+++ b/src/core/public/i18n/i18n_eui_mapping.tsx
@@ -92,10 +92,14 @@ export const getEuiContextMapping = (): EuiTokensObject => {
     'euiBreadcrumbs.collapsedBadge.ariaLabel': i18n.translate(
       'core.euiBreadcrumbs.collapsedBadge.ariaLabel',
       {
-        defaultMessage: 'Show collapsed breadcrumbs',
+        defaultMessage: 'See collapsed breadcrumbs',
         description: 'Displayed when one or more breadcrumbs are hidden.',
       }
     ),
+    'euiBreadcrumbs.nav.ariaLabel': i18n.translate('core.euiBreadcrumbs.nav.ariaLabel', {
+      defaultMessage: 'Breadcrumbs',
+      description: 'Label on the breadcrumbs nav element',
+    }),
     'euiCardSelect.select': i18n.translate('core.euiCardSelect.select', {
       defaultMessage: 'Select',
       description: 'Displayed button text when a card option can be selected.',
@@ -932,11 +936,21 @@ export const getEuiContextMapping = (): EuiTokensObject => {
         defaultMessage: 'Step {number}: {title} is complete',
         values: { number, title },
       }),
+    'euiStepStrings.current': ({ number, title }: EuiValues) =>
+      i18n.translate('core.euiStepStrings.current', {
+        defaultMessage: 'Current step {number}: {title}',
+        values: { number, title },
+      }),
     'euiStepStrings.simpleComplete': ({ number }: EuiValues) =>
       i18n.translate('core.euiStepStrings.simpleComplete', {
         defaultMessage: 'Step {number} is complete',
         values: { number },
       }),
+    'euiStepStrings.simpleCurrent': ({ number }: EuiValues) =>
+      i18n.translate('core.euiStepStrings.simpleCurrent', {
+        defaultMessage: 'Current step is {number}',
+        values: { number },
+      }),
     'euiStepStrings.warning': ({ number, title }: EuiValues) =>
       i18n.translate('core.euiStepStrings.warning', {
         defaultMessage: 'Step {number}: {title} has warnings',
diff --git a/src/plugins/dashboard/public/application/embeddable/empty_screen/__snapshots__/dashboard_empty_screen.test.tsx.snap b/src/plugins/dashboard/public/application/embeddable/empty_screen/__snapshots__/dashboard_empty_screen.test.tsx.snap
index afe339f3f43a23..70a21438754bd3 100644
--- a/src/plugins/dashboard/public/application/embeddable/empty_screen/__snapshots__/dashboard_empty_screen.test.tsx.snap
+++ b/src/plugins/dashboard/public/application/embeddable/empty_screen/__snapshots__/dashboard_empty_screen.test.tsx.snap
@@ -308,6 +308,7 @@ exports[`DashboardEmptyScreen renders correctly with edit mode 1`] = `
               >
                 <div
                   className="euiTextColor euiTextColor--subdued"
+                  style={Object {}}
                 >
                   <span>
                     Create content that tells a story about your data.
@@ -666,6 +667,7 @@ exports[`DashboardEmptyScreen renders correctly with readonly mode 1`] = `
                           >
                             <div
                               className="euiTextColor euiTextColor--subdued"
+                              style={Object {}}
                             >
                               You need additional privileges to edit this dashboard.
                             </div>
@@ -1023,6 +1025,7 @@ exports[`DashboardEmptyScreen renders correctly with view mode 1`] = `
                             >
                               <div
                                 className="euiTextColor euiTextColor--subdued"
+                                style={Object {}}
                               >
                                 <p>
                                   Click edit in the menu bar above to start adding panels.
diff --git a/src/plugins/data/public/utils/table_inspector_view/components/__snapshots__/data_view.test.tsx.snap b/src/plugins/data/public/utils/table_inspector_view/components/__snapshots__/data_view.test.tsx.snap
index 1e7b59d8a9e766..612ffdcf5029ef 100644
--- a/src/plugins/data/public/utils/table_inspector_view/components/__snapshots__/data_view.test.tsx.snap
+++ b/src/plugins/data/public/utils/table_inspector_view/components/__snapshots__/data_view.test.tsx.snap
@@ -196,6 +196,7 @@ exports[`Inspector Data View component should render empty state 1`] = `
         >
           <span
             className="euiTextColor euiTextColor--subdued"
+            style={Object {}}
           >
             <EuiSpacer
               size="m"
diff --git a/src/plugins/discover/public/application/components/source_viewer/__snapshots__/source_viewer.test.tsx.snap b/src/plugins/discover/public/application/components/source_viewer/__snapshots__/source_viewer.test.tsx.snap
index 5f6dabc26659fc..dfded530c69831 100644
--- a/src/plugins/discover/public/application/components/source_viewer/__snapshots__/source_viewer.test.tsx.snap
+++ b/src/plugins/discover/public/application/components/source_viewer/__snapshots__/source_viewer.test.tsx.snap
@@ -167,6 +167,7 @@ exports[`Source Viewer component renders error state 1`] = `
       >
         <span
           className="euiTextColor euiTextColor--subdued"
+          style={Object {}}
         >
           <EuiSpacer
             size="m"
@@ -742,6 +743,7 @@ exports[`Source Viewer component renders loading state 1`] = `
         >
           <div
             className="euiTextColor euiTextColor--subdued"
+            style={Object {}}
           >
             <FormattedMessage
               defaultMessage="Loading JSON"
diff --git a/src/plugins/index_pattern_management/public/components/field_editor/components/scripting_call_outs/__snapshots__/warning_call_out.test.tsx.snap b/src/plugins/index_pattern_management/public/components/field_editor/components/scripting_call_outs/__snapshots__/warning_call_out.test.tsx.snap
index ba0f2aee0565f8..5d417dadca923b 100644
--- a/src/plugins/index_pattern_management/public/components/field_editor/components/scripting_call_outs/__snapshots__/warning_call_out.test.tsx.snap
+++ b/src/plugins/index_pattern_management/public/components/field_editor/components/scripting_call_outs/__snapshots__/warning_call_out.test.tsx.snap
@@ -152,6 +152,7 @@ exports[`ScriptingWarningCallOut should render normally 1`] = `
           >
             <div
               className="euiTextColor euiTextColor--default"
+              style={Object {}}
             >
               <EuiText
                 size="s"
diff --git a/src/plugins/saved_objects_management/public/management_section/object_view/components/__snapshots__/intro.test.tsx.snap b/src/plugins/saved_objects_management/public/management_section/object_view/components/__snapshots__/intro.test.tsx.snap
index 5a8cd06b8ecc07..9c9349b0524c06 100644
--- a/src/plugins/saved_objects_management/public/management_section/object_view/components/__snapshots__/intro.test.tsx.snap
+++ b/src/plugins/saved_objects_management/public/management_section/object_view/components/__snapshots__/intro.test.tsx.snap
@@ -59,6 +59,7 @@ exports[`Intro component renders correctly 1`] = `
           >
             <div
               className="euiTextColor euiTextColor--default"
+              style={Object {}}
             >
               <div>
                 <FormattedMessage
diff --git a/src/plugins/saved_objects_management/public/management_section/object_view/components/__snapshots__/not_found_errors.test.tsx.snap b/src/plugins/saved_objects_management/public/management_section/object_view/components/__snapshots__/not_found_errors.test.tsx.snap
index f977c17df41d31..4227351f8e94d4 100644
--- a/src/plugins/saved_objects_management/public/management_section/object_view/components/__snapshots__/not_found_errors.test.tsx.snap
+++ b/src/plugins/saved_objects_management/public/management_section/object_view/components/__snapshots__/not_found_errors.test.tsx.snap
@@ -61,6 +61,7 @@ exports[`NotFoundErrors component renders correctly for index-pattern type 1`] =
           >
             <div
               className="euiTextColor euiTextColor--default"
+              style={Object {}}
             >
               <div>
                 <FormattedMessage
@@ -150,6 +151,7 @@ exports[`NotFoundErrors component renders correctly for index-pattern-field type
           >
             <div
               className="euiTextColor euiTextColor--default"
+              style={Object {}}
             >
               <div>
                 <FormattedMessage
@@ -239,6 +241,7 @@ exports[`NotFoundErrors component renders correctly for search type 1`] = `
           >
             <div
               className="euiTextColor euiTextColor--default"
+              style={Object {}}
             >
               <div>
                 <FormattedMessage
@@ -328,6 +331,7 @@ exports[`NotFoundErrors component renders correctly for unknown type 1`] = `
           >
             <div
               className="euiTextColor euiTextColor--default"
+              style={Object {}}
             >
               <div />
               <div>
diff --git a/x-pack/plugins/canvas/canvas_plugin_src/renderers/filters/time_filter/components/__stories__/__snapshots__/time_filter.stories.storyshot b/x-pack/plugins/canvas/canvas_plugin_src/renderers/filters/time_filter/components/__stories__/__snapshots__/time_filter.stories.storyshot
index 422a61d4ef03e7..a712563966e0bd 100644
--- a/x-pack/plugins/canvas/canvas_plugin_src/renderers/filters/time_filter/components/__stories__/__snapshots__/time_filter.stories.storyshot
+++ b/x-pack/plugins/canvas/canvas_plugin_src/renderers/filters/time_filter/components/__stories__/__snapshots__/time_filter.stories.storyshot
@@ -164,6 +164,7 @@ exports[`Storyshots renderers/TimeFilter with absolute time bounds 1`] = `
               >
                 <div
                   className="euiTextColor euiTextColor--subdued"
+                  style={Object {}}
                 >
                   →
                 </div>
@@ -440,6 +441,7 @@ exports[`Storyshots renderers/TimeFilter with relative time bounds 1`] = `
               >
                 <div
                   className="euiTextColor euiTextColor--subdued"
+                  style={Object {}}
                 >
                   →
                 </div>
diff --git a/x-pack/plugins/canvas/canvas_plugin_src/uis/arguments/axis_config/__stories__/__snapshots__/extended_template.stories.storyshot b/x-pack/plugins/canvas/canvas_plugin_src/uis/arguments/axis_config/__stories__/__snapshots__/extended_template.stories.storyshot
index c2f9d887246097..f7c50907424fd5 100644
--- a/x-pack/plugins/canvas/canvas_plugin_src/uis/arguments/axis_config/__stories__/__snapshots__/extended_template.stories.storyshot
+++ b/x-pack/plugins/canvas/canvas_plugin_src/uis/arguments/axis_config/__stories__/__snapshots__/extended_template.stories.storyshot
@@ -169,6 +169,7 @@ exports[`Storyshots arguments/AxisConfig/components extended disabled 1`] = `
   >
     <div
       className="euiTextColor euiTextColor--subdued"
+      style={Object {}}
     >
       <p>
         Switch on to view axis settings
diff --git a/x-pack/plugins/canvas/public/components/asset_manager/__stories__/__snapshots__/asset.stories.storyshot b/x-pack/plugins/canvas/public/components/asset_manager/__stories__/__snapshots__/asset.stories.storyshot
index 138f8a2af68f09..19b44540943b34 100644
--- a/x-pack/plugins/canvas/public/components/asset_manager/__stories__/__snapshots__/asset.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/asset_manager/__stories__/__snapshots__/asset.stories.storyshot
@@ -43,6 +43,7 @@ exports[`Storyshots components/Assets/Asset airplane 1`] = `
           <br />
           <span
             className="euiTextColor euiTextColor--subdued"
+            style={Object {}}
           >
             <small>
               (
@@ -229,6 +230,7 @@ exports[`Storyshots components/Assets/Asset marker 1`] = `
           <br />
           <span
             className="euiTextColor euiTextColor--subdued"
+            style={Object {}}
           >
             <small>
               (
diff --git a/x-pack/plugins/canvas/public/components/asset_manager/__stories__/__snapshots__/asset_manager.stories.storyshot b/x-pack/plugins/canvas/public/components/asset_manager/__stories__/__snapshots__/asset_manager.stories.storyshot
index d567d3cf85f13b..05ef9df1c86016 100644
--- a/x-pack/plugins/canvas/public/components/asset_manager/__stories__/__snapshots__/asset_manager.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/asset_manager/__stories__/__snapshots__/asset_manager.stories.storyshot
@@ -95,6 +95,7 @@ exports[`Storyshots components/Assets/AssetManager no assets 1`] = `
           >
             <div
               className="euiTextColor euiTextColor--subdued"
+              style={Object {}}
             >
               <p>
                 Below are the image assets in this workpad. Any assets that are currently in use cannot be determined at this time. To reclaim space, delete assets.
@@ -278,6 +279,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
           >
             <div
               className="euiTextColor euiTextColor--subdued"
+              style={Object {}}
             >
               <p>
                 Below are the image assets in this workpad. Any assets that are currently in use cannot be determined at this time. To reclaim space, delete assets.
@@ -325,6 +327,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
                     <br />
                     <span
                       className="euiTextColor euiTextColor--subdued"
+                      style={Object {}}
                     >
                       <small>
                         (
@@ -500,6 +503,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
                     <br />
                     <span
                       className="euiTextColor euiTextColor--subdued"
+                      style={Object {}}
                     >
                       <small>
                         (
diff --git a/x-pack/plugins/canvas/public/components/datasource/__stories__/__snapshots__/datasource_component.stories.storyshot b/x-pack/plugins/canvas/public/components/datasource/__stories__/__snapshots__/datasource_component.stories.storyshot
index 836047959caeec..6e665f48b3e9a0 100644
--- a/x-pack/plugins/canvas/public/components/datasource/__stories__/__snapshots__/datasource_component.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/datasource/__stories__/__snapshots__/datasource_component.stories.storyshot
@@ -41,6 +41,7 @@ exports[`Storyshots components/datasource/DatasourceComponent datasource with ex
     >
       <div
         className="euiTextColor euiTextColor--default"
+        style={Object {}}
       >
         <p>
           The datasource has an argument controlled by an expression. Use the expression editor to modify the datasource.
diff --git a/x-pack/plugins/canvas/public/components/home/my_workpads/__snapshots__/empty_prompt.stories.storyshot b/x-pack/plugins/canvas/public/components/home/my_workpads/__snapshots__/empty_prompt.stories.storyshot
index c6468cf5a6f0ac..6d782713d8fc17 100644
--- a/x-pack/plugins/canvas/public/components/home/my_workpads/__snapshots__/empty_prompt.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/home/my_workpads/__snapshots__/empty_prompt.stories.storyshot
@@ -34,6 +34,7 @@ exports[`Storyshots Home/Components/Empty Prompt Empty Prompt 1`] = `
         </h2>
         <span
           className="euiTextColor euiTextColor--subdued"
+          style={Object {}}
         >
           <div
             className="euiSpacer euiSpacer--m"
diff --git a/x-pack/plugins/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/saved_elements_modal.stories.storyshot b/x-pack/plugins/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/saved_elements_modal.stories.storyshot
index 6cd18b83c33517..372cd12db1b993 100644
--- a/x-pack/plugins/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/saved_elements_modal.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/saved_elements_modal.stories.storyshot
@@ -103,6 +103,7 @@ exports[`Storyshots components/SavedElementsModal no custom elements 1`] = `
             </h2>
             <span
               className="euiTextColor euiTextColor--subdued"
+              style={Object {}}
             >
               <div
                 className="euiSpacer euiSpacer--m"
diff --git a/x-pack/plugins/canvas/public/components/tool_tip_shortcut/__stories__/__snapshots__/tool_tip_shortcut.stories.storyshot b/x-pack/plugins/canvas/public/components/tool_tip_shortcut/__stories__/__snapshots__/tool_tip_shortcut.stories.storyshot
index aee1e2148e8c48..ca958a1042b460 100644
--- a/x-pack/plugins/canvas/public/components/tool_tip_shortcut/__stories__/__snapshots__/tool_tip_shortcut.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/tool_tip_shortcut/__stories__/__snapshots__/tool_tip_shortcut.stories.storyshot
@@ -18,6 +18,7 @@ exports[`Storyshots components/ToolTipShortcut with alt 1`] = `
     >
       <div
         className="euiTextColor euiTextColor--ghost"
+        style={Object {}}
       >
         ⌥  +  P
       </div>
@@ -44,6 +45,7 @@ exports[`Storyshots components/ToolTipShortcut with cmd 1`] = `
     >
       <div
         className="euiTextColor euiTextColor--ghost"
+        style={Object {}}
       >
         ⌘  +  D
       </div>
@@ -70,6 +72,7 @@ exports[`Storyshots components/ToolTipShortcut with down arrow 1`] = `
     >
       <div
         className="euiTextColor euiTextColor--ghost"
+        style={Object {}}
       >
         ⌘  +  SHIFT  +  ↓
       </div>
@@ -96,6 +99,7 @@ exports[`Storyshots components/ToolTipShortcut with left arrow 1`] = `
     >
       <div
         className="euiTextColor euiTextColor--ghost"
+        style={Object {}}
       >
         ←
       </div>
@@ -122,6 +126,7 @@ exports[`Storyshots components/ToolTipShortcut with right arrow 1`] = `
     >
       <div
         className="euiTextColor euiTextColor--ghost"
+        style={Object {}}
       >
         →
       </div>
@@ -148,6 +153,7 @@ exports[`Storyshots components/ToolTipShortcut with shortcut 1`] = `
     >
       <div
         className="euiTextColor euiTextColor--ghost"
+        style={Object {}}
       >
         G
       </div>
@@ -174,6 +180,7 @@ exports[`Storyshots components/ToolTipShortcut with up arrow 1`] = `
     >
       <div
         className="euiTextColor euiTextColor--ghost"
+        style={Object {}}
       >
         ⌘  +  SHIFT  +  ↑
       </div>
diff --git a/x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/delete_var.stories.storyshot b/x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/delete_var.stories.storyshot
index a83682140693dd..f5351b0d8ea5f8 100644
--- a/x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/delete_var.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/delete_var.stories.storyshot
@@ -46,6 +46,7 @@ Array [
           >
             <div
               className="euiTextColor euiTextColor--subdued"
+              style={Object {}}
             >
               Deleting this variable may adversely affect the workpad. Are you sure you wish to continue?
             </div>
diff --git a/x-pack/plugins/canvas/shareable_runtime/components/__stories__/__snapshots__/canvas.stories.storyshot b/x-pack/plugins/canvas/shareable_runtime/components/__stories__/__snapshots__/canvas.stories.storyshot
index d23371d0c34991..c5b6d768c89d8d 100644
--- a/x-pack/plugins/canvas/shareable_runtime/components/__stories__/__snapshots__/canvas.stories.storyshot
+++ b/x-pack/plugins/canvas/shareable_runtime/components/__stories__/__snapshots__/canvas.stories.storyshot
@@ -1344,6 +1344,7 @@ exports[`Storyshots shareables/Canvas component 1`] = `
                 >
                   <div
                     className="euiTextColor euiTextColor--ghost"
+                    style={Object {}}
                   >
                     <div
                       className="eui-textTruncate"
@@ -1410,6 +1411,7 @@ exports[`Storyshots shareables/Canvas component 1`] = `
                         >
                           <div
                             className="euiTextColor euiTextColor--ghost"
+                            style={Object {}}
                           >
                             Page 
                             1
@@ -2826,6 +2828,7 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
                 >
                   <div
                     className="euiTextColor euiTextColor--ghost"
+                    style={Object {}}
                   >
                     <div
                       className="eui-textTruncate"
@@ -2892,6 +2895,7 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
                         >
                           <div
                             className="euiTextColor euiTextColor--ghost"
+                            style={Object {}}
                           >
                             Page 
                             1
@@ -3124,6 +3128,7 @@ exports[`Storyshots shareables/Canvas contextual: hello 1`] = `
                 >
                   <div
                     className="euiTextColor euiTextColor--ghost"
+                    style={Object {}}
                   >
                     <div
                       className="eui-textTruncate"
@@ -3190,6 +3195,7 @@ exports[`Storyshots shareables/Canvas contextual: hello 1`] = `
                         >
                           <div
                             className="euiTextColor euiTextColor--ghost"
+                            style={Object {}}
                           >
                             Page 
                             1
diff --git a/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/footer.stories.storyshot b/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/footer.stories.storyshot
index 57af8bcb4fecf2..3f89e485e1ba04 100644
--- a/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/footer.stories.storyshot
+++ b/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/footer.stories.storyshot
@@ -1297,6 +1297,7 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
               >
                 <div
                   className="euiTextColor euiTextColor--ghost"
+                  style={Object {}}
                 >
                   <div
                     className="eui-textTruncate"
@@ -1363,6 +1364,7 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
                       >
                         <div
                           className="euiTextColor euiTextColor--ghost"
+                          style={Object {}}
                         >
                           Page 
                           1
@@ -1549,6 +1551,7 @@ exports[`Storyshots shareables/Footer contextual: hello 1`] = `
               >
                 <div
                   className="euiTextColor euiTextColor--ghost"
+                  style={Object {}}
                 >
                   <div
                     className="eui-textTruncate"
@@ -1615,6 +1618,7 @@ exports[`Storyshots shareables/Footer contextual: hello 1`] = `
                       >
                         <div
                           className="euiTextColor euiTextColor--ghost"
+                          style={Object {}}
                         >
                           Page 
                           1
diff --git a/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/page_controls.stories.storyshot b/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/page_controls.stories.storyshot
index 81b0ee9cca8323..791e1bd9081af3 100644
--- a/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/page_controls.stories.storyshot
+++ b/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/page_controls.stories.storyshot
@@ -58,6 +58,7 @@ exports[`Storyshots shareables/Footer/PageControls component 1`] = `
             >
               <div
                 className="euiTextColor euiTextColor--ghost"
+                style={Object {}}
               >
                 Page 
                 1
@@ -155,6 +156,7 @@ exports[`Storyshots shareables/Footer/PageControls contextual: austin 1`] = `
             >
               <div
                 className="euiTextColor euiTextColor--ghost"
+                style={Object {}}
               >
                 Page 
                 1
@@ -252,6 +254,7 @@ exports[`Storyshots shareables/Footer/PageControls contextual: hello 1`] = `
             >
               <div
                 className="euiTextColor euiTextColor--ghost"
+                style={Object {}}
               >
                 Page 
                 1
diff --git a/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/title.stories.storyshot b/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/title.stories.storyshot
index 7d27ac836e1307..2b326fd0ec51aa 100644
--- a/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/title.stories.storyshot
+++ b/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/title.stories.storyshot
@@ -51,6 +51,7 @@ exports[`Storyshots shareables/Footer/Title component 1`] = `
       >
         <div
           className="euiTextColor euiTextColor--ghost"
+          style={Object {}}
         >
           <div
             className="eui-textTruncate"
@@ -115,6 +116,7 @@ exports[`Storyshots shareables/Footer/Title contextual: austin 1`] = `
       >
         <div
           className="euiTextColor euiTextColor--ghost"
+          style={Object {}}
         >
           <div
             className="eui-textTruncate"
@@ -179,6 +181,7 @@ exports[`Storyshots shareables/Footer/Title contextual: hello 1`] = `
       >
         <div
           className="euiTextColor euiTextColor--ghost"
+          style={Object {}}
         >
           <div
             className="eui-textTruncate"
diff --git a/x-pack/plugins/index_lifecycle_management/__jest__/__snapshots__/extend_index_management.test.tsx.snap b/x-pack/plugins/index_lifecycle_management/__jest__/__snapshots__/extend_index_management.test.tsx.snap
index 95950093472598..aa978d27f9e230 100644
--- a/x-pack/plugins/index_lifecycle_management/__jest__/__snapshots__/extend_index_management.test.tsx.snap
+++ b/x-pack/plugins/index_lifecycle_management/__jest__/__snapshots__/extend_index_management.test.tsx.snap
@@ -326,6 +326,7 @@ exports[`extend index management ilm summary extension should return extension w
           >
             <div
               className="euiTextColor euiTextColor--default"
+              style={Object {}}
             >
               illegal_argument_exception
               : 
diff --git a/x-pack/plugins/license_management/__jest__/__snapshots__/upload_license.test.tsx.snap b/x-pack/plugins/license_management/__jest__/__snapshots__/upload_license.test.tsx.snap
index ea973df9aad765..f81ec6a73d1405 100644
--- a/x-pack/plugins/license_management/__jest__/__snapshots__/upload_license.test.tsx.snap
+++ b/x-pack/plugins/license_management/__jest__/__snapshots__/upload_license.test.tsx.snap
@@ -1408,6 +1408,7 @@ exports[`UploadLicense should display an error when ES says license is expired 1
                                 >
                                   <div
                                     className="euiTextColor euiTextColor--default"
+                                    style={Object {}}
                                   >
                                     <ul>
                                       <li
@@ -2129,6 +2130,7 @@ exports[`UploadLicense should display an error when ES says license is invalid 1
                                 >
                                   <div
                                     className="euiTextColor euiTextColor--default"
+                                    style={Object {}}
                                   >
                                     <ul>
                                       <li
@@ -2850,6 +2852,7 @@ exports[`UploadLicense should display an error when submitting invalid JSON 1`]
                                 >
                                   <div
                                     className="euiTextColor euiTextColor--default"
+                                    style={Object {}}
                                   >
                                     <ul>
                                       <li
@@ -3571,6 +3574,7 @@ exports[`UploadLicense should display error when ES returns error 1`] = `
                                 >
                                   <div
                                     className="euiTextColor euiTextColor--default"
+                                    style={Object {}}
                                   >
                                     <ul>
                                       <li
diff --git a/x-pack/plugins/monitoring/public/components/no_data/explanations/collection_enabled/__snapshots__/collection_enabled.test.js.snap b/x-pack/plugins/monitoring/public/components/no_data/explanations/collection_enabled/__snapshots__/collection_enabled.test.js.snap
index a36b09edf1fd37..cab1e9190a8b31 100644
--- a/x-pack/plugins/monitoring/public/components/no_data/explanations/collection_enabled/__snapshots__/collection_enabled.test.js.snap
+++ b/x-pack/plugins/monitoring/public/components/no_data/explanations/collection_enabled/__snapshots__/collection_enabled.test.js.snap
@@ -138,6 +138,7 @@ exports[`ExplainCollectionEnabled should explain about xpack.monitoring.collecti
     >
       <span
         className="euiTextColor euiTextColor--subdued"
+        style={Object {}}
       >
         <EuiText>
           <div
diff --git a/x-pack/plugins/monitoring/public/components/no_data/explanations/collection_interval/__snapshots__/collection_interval.test.js.snap b/x-pack/plugins/monitoring/public/components/no_data/explanations/collection_interval/__snapshots__/collection_interval.test.js.snap
index ebc4a9fa885f31..80802e4e77029b 100644
--- a/x-pack/plugins/monitoring/public/components/no_data/explanations/collection_interval/__snapshots__/collection_interval.test.js.snap
+++ b/x-pack/plugins/monitoring/public/components/no_data/explanations/collection_interval/__snapshots__/collection_interval.test.js.snap
@@ -311,6 +311,7 @@ exports[`ExplainCollectionInterval collection interval setting updates should sh
     >
       <span
         className="euiTextColor euiTextColor--subdued"
+        style={Object {}}
       >
         <EuiText>
           <div
@@ -637,6 +638,7 @@ exports[`ExplainCollectionInterval should explain about xpack.monitoring.collect
     >
       <span
         className="euiTextColor euiTextColor--subdued"
+        style={Object {}}
       >
         <EuiText>
           <div
diff --git a/x-pack/plugins/reporting/public/management/__snapshots__/report_listing.test.tsx.snap b/x-pack/plugins/reporting/public/management/__snapshots__/report_listing.test.tsx.snap
index d78a09bc6af524..89511aaf96a675 100644
--- a/x-pack/plugins/reporting/public/management/__snapshots__/report_listing.test.tsx.snap
+++ b/x-pack/plugins/reporting/public/management/__snapshots__/report_listing.test.tsx.snap
@@ -443,6 +443,7 @@ exports[`ReportListing Report job listing with some items 1`] = `
                             >
                               <span
                                 className="euiTextColor euiTextColor--subdued"
+                                style={Object {}}
                               >
                                 canvas workpad
                               </span>
@@ -559,6 +560,7 @@ exports[`ReportListing Report job listing with some items 1`] = `
                             >
                               <span
                                 className="euiTextColor euiTextColor--subdued"
+                                style={Object {}}
                               >
                                 Waiting for job to be processed.
                               </span>
@@ -1454,6 +1456,7 @@ exports[`ReportListing Report job listing with some items 1`] = `
                             >
                               <span
                                 className="euiTextColor euiTextColor--subdued"
+                                style={Object {}}
                               >
                                 canvas workpad
                               </span>
@@ -1570,6 +1573,7 @@ exports[`ReportListing Report job listing with some items 1`] = `
                             >
                               <span
                                 className="euiTextColor euiTextColor--subdued"
+                                style={Object {}}
                               >
                                 Attempt 1 of 1.
                               </span>
@@ -2465,6 +2469,7 @@ exports[`ReportListing Report job listing with some items 1`] = `
                             >
                               <span
                                 className="euiTextColor euiTextColor--subdued"
+                                style={Object {}}
                               >
                                 canvas workpad
                               </span>
@@ -3506,6 +3511,7 @@ exports[`ReportListing Report job listing with some items 1`] = `
                             >
                               <span
                                 className="euiTextColor euiTextColor--subdued"
+                                style={Object {}}
                               >
                                 canvas workpad
                               </span>
@@ -3622,6 +3628,7 @@ exports[`ReportListing Report job listing with some items 1`] = `
                             >
                               <span
                                 className="euiTextColor euiTextColor--subdued"
+                                style={Object {}}
                               >
                                 See report info for warnings.
                               </span>
@@ -4574,6 +4581,7 @@ exports[`ReportListing Report job listing with some items 1`] = `
                             >
                               <span
                                 className="euiTextColor euiTextColor--subdued"
+                                style={Object {}}
                               >
                                 canvas workpad
                               </span>
@@ -5615,6 +5623,7 @@ exports[`ReportListing Report job listing with some items 1`] = `
                             >
                               <span
                                 className="euiTextColor euiTextColor--subdued"
+                                style={Object {}}
                               >
                                 canvas workpad
                               </span>
@@ -6656,6 +6665,7 @@ exports[`ReportListing Report job listing with some items 1`] = `
                             >
                               <span
                                 className="euiTextColor euiTextColor--subdued"
+                                style={Object {}}
                               >
                                 canvas workpad
                               </span>
@@ -7697,6 +7707,7 @@ exports[`ReportListing Report job listing with some items 1`] = `
                             >
                               <span
                                 className="euiTextColor euiTextColor--subdued"
+                                style={Object {}}
                               >
                                 canvas workpad
                               </span>
@@ -8738,6 +8749,7 @@ exports[`ReportListing Report job listing with some items 1`] = `
                             >
                               <span
                                 className="euiTextColor euiTextColor--subdued"
+                                style={Object {}}
                               >
                                 visualization
                               </span>
diff --git a/x-pack/plugins/security/public/management/roles/roles_grid/__snapshots__/roles_grid_page.test.tsx.snap b/x-pack/plugins/security/public/management/roles/roles_grid/__snapshots__/roles_grid_page.test.tsx.snap
index 74127617bfd458..6e99fdfd7743c4 100644
--- a/x-pack/plugins/security/public/management/roles/roles_grid/__snapshots__/roles_grid_page.test.tsx.snap
+++ b/x-pack/plugins/security/public/management/roles/roles_grid/__snapshots__/roles_grid_page.test.tsx.snap
@@ -81,6 +81,7 @@ exports[`<RolesGridPage /> renders permission denied if required 1`] = `
             >
               <span
                 className="euiTextColor euiTextColor--subdued"
+                style={Object {}}
               >
                 <EuiSpacer
                   size="m"
diff --git a/x-pack/plugins/security_solution/public/detections/components/rules/step_about_rule_details/index.test.tsx b/x-pack/plugins/security_solution/public/detections/components/rules/step_about_rule_details/index.test.tsx
index 5061f12c0d22fd..d2003c411f05cc 100644
--- a/x-pack/plugins/security_solution/public/detections/components/rules/step_about_rule_details/index.test.tsx
+++ b/x-pack/plugins/security_solution/public/detections/components/rules/step_about_rule_details/index.test.tsx
@@ -160,7 +160,7 @@ describe('StepAboutRuleToggleDetails', () => {
         .simulate('change', { target: { value: 'notes' } });
 
       expect(wrapper.find('EuiButtonGroup[idSelected="notes"]').exists()).toBeTruthy();
-      expect(wrapper.find('.euiMarkdownFormat').text()).toEqual(
+      expect(wrapper.find('div.euiMarkdownFormat').text()).toEqual(
         'this is some markdown documentation'
       );
     });
diff --git a/yarn.lock b/yarn.lock
index 60aa5ebbd48cf2..2e7d158407e853 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1466,10 +1466,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@36.0.0":
-  version "36.0.0"
-  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-36.0.0.tgz#ebb180e859fd86171b5f84d08f8c958bb659b1cd"
-  integrity sha512-VLwtHZp3Qdj+vWR8wSNwxEYpGtJIdiErq0/PBsg83HDfz4KwgEveSI6STwODLgiUDr/YnpDhawuz+HU3JpfXRg==
+"@elastic/eui@36.1.0":
+  version "36.1.0"
+  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-36.1.0.tgz#99946e193bc9d1616f52cbd16e1a5bc196bd450f"
+  integrity sha512-j09Kv5K9YBkb9NkM3+cGparJeYfjLfwyypG27UYvSOLCpOYxS3bPycwmD7QrzPjoTqH+HHzDanHSwJMp6ttabA==
   dependencies:
     "@types/chroma-js" "^2.0.0"
     "@types/lodash" "^4.14.160"
@@ -1506,7 +1506,7 @@
     text-diff "^1.0.1"
     unified "^9.2.0"
     unist-util-visit "^2.0.3"
-    url-parse "^1.5.0"
+    url-parse "^1.5.3"
     uuid "^8.3.0"
     vfile "^4.2.0"
 
@@ -28134,7 +28134,7 @@ url-parse-lax@^3.0.0:
   dependencies:
     prepend-http "^2.0.0"
 
-url-parse@^1.4.3, url-parse@^1.5.0:
+url-parse@^1.4.3, url-parse@^1.5.3:
   version "1.5.3"
   resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.5.3.tgz#71c1303d38fb6639ade183c2992c8cc0686df862"
   integrity sha512-IIORyIQD9rvj0A4CLWsHkBBJuNqWpFQe224b6j9t/ABmquIS0qDU2pY6kl6AuOrL5OkCXHMCFNe1jBcuAggjvQ==