diff --git a/package.json b/package.json
index 5d5a9bd1c2353..e438853b746a5 100644
--- a/package.json
+++ b/package.json
@@ -97,7 +97,7 @@
     "@babel/polyfill": "^7.2.5",
     "@babel/register": "^7.0.0",
     "@elastic/datemath": "5.0.2",
-    "@elastic/eui": "9.4.2",
+    "@elastic/eui": "9.7.1",
     "@elastic/filesaver": "1.1.2",
     "@elastic/good": "8.1.1-kibana2",
     "@elastic/numeral": "2.3.2",
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 2b4066f4d9123..c6912764db2af 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
@@ -26,6 +26,7 @@ exports[`rendering render matches snapshot 1`] = `
               fill={true}
               iconSide="left"
               onClick={[Function]}
+              size="m"
               type="button"
             >
               <FormattedMessage
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 787045d8a1321..7dfc7e9ac3b7d 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
@@ -126,6 +126,7 @@ exports[`renders ControlsTab 1`] = `
             iconSide="left"
             iconType="plusInCircle"
             onClick={[Function]}
+            size="m"
             type="button"
           >
             <FormattedMessage
diff --git a/src/legacy/core_plugins/input_control_vis/public/components/vis/__snapshots__/input_control_vis.test.js.snap b/src/legacy/core_plugins/input_control_vis/public/components/vis/__snapshots__/input_control_vis.test.js.snap
index 007608ae73cfb..287670e43c864 100644
--- a/src/legacy/core_plugins/input_control_vis/public/components/vis/__snapshots__/input_control_vis.test.js.snap
+++ b/src/legacy/core_plugins/input_control_vis/public/components/vis/__snapshots__/input_control_vis.test.js.snap
@@ -48,6 +48,7 @@ exports[`Apply and Cancel change btns enabled when there are changes 1`] = `
         fill={true}
         iconSide="left"
         onClick={[Function]}
+        size="m"
         type="button"
       >
         <FormattedMessage
@@ -145,6 +146,7 @@ exports[`Clear btns enabled when there are values 1`] = `
         fill={true}
         iconSide="left"
         onClick={[Function]}
+        size="m"
         type="button"
       >
         <FormattedMessage
@@ -242,6 +244,7 @@ exports[`Renders list control 1`] = `
         fill={true}
         iconSide="left"
         onClick={[Function]}
+        size="m"
         type="button"
       >
         <FormattedMessage
@@ -345,6 +348,7 @@ exports[`Renders range control 1`] = `
         fill={true}
         iconSide="left"
         onClick={[Function]}
+        size="m"
         type="button"
       >
         <FormattedMessage
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 00c8d8df7a219..4d860b8843fb7 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
@@ -70,6 +70,7 @@ exports[`after fetch initialFilter 1`] = `
             iconSide="left"
             iconType="plusInCircle"
             onClick={[Function]}
+            size="m"
             type="button"
           >
             <FormattedMessage
@@ -167,6 +168,7 @@ exports[`after fetch renders call to action when no dashboards exist 1`] = `
             iconSide="left"
             iconType="plusInCircle"
             onClick={[Function]}
+            size="m"
             type="button"
           >
             <FormattedMessage
@@ -264,6 +266,7 @@ exports[`after fetch renders table rows 1`] = `
             iconSide="left"
             iconType="plusInCircle"
             onClick={[Function]}
+            size="m"
             type="button"
           >
             <FormattedMessage
@@ -361,6 +364,7 @@ exports[`after fetch renders warning when listingLimit is exceeded 1`] = `
             iconSide="left"
             iconType="plusInCircle"
             onClick={[Function]}
+            size="m"
             type="button"
           >
             <FormattedMessage
@@ -458,6 +462,7 @@ exports[`renders empty page in before initial fetch to avoid flickering 1`] = `
             iconSide="left"
             iconType="plusInCircle"
             onClick={[Function]}
+            size="m"
             type="button"
           >
             <FormattedMessage
diff --git a/src/legacy/core_plugins/kibana/public/dashboard/top_nav/__snapshots__/add_panel.test.js.snap b/src/legacy/core_plugins/kibana/public/dashboard/top_nav/__snapshots__/add_panel.test.js.snap
index 0b7ddfb8fc42c..7a09d6ad9eb8c 100644
--- a/src/legacy/core_plugins/kibana/public/dashboard/top_nav/__snapshots__/add_panel.test.js.snap
+++ b/src/legacy/core_plugins/kibana/public/dashboard/top_nav/__snapshots__/add_panel.test.js.snap
@@ -47,6 +47,7 @@ exports[`render 1`] = `
           fill={true}
           iconSide="left"
           onClick={[Function]}
+          size="m"
           type="button"
         >
           <FormattedMessage
diff --git a/src/legacy/core_plugins/kibana/public/dashboard/top_nav/__snapshots__/clone_modal.test.js.snap b/src/legacy/core_plugins/kibana/public/dashboard/top_nav/__snapshots__/clone_modal.test.js.snap
index 35412b16d7fdb..aaf442add3034 100644
--- a/src/legacy/core_plugins/kibana/public/dashboard/top_nav/__snapshots__/clone_modal.test.js.snap
+++ b/src/legacy/core_plugins/kibana/public/dashboard/top_nav/__snapshots__/clone_modal.test.js.snap
@@ -49,6 +49,7 @@ exports[`renders DashboardCloneModal 1`] = `
         fill={false}
         iconSide="left"
         onClick={[Function]}
+        size="m"
         type="button"
       >
         <FormattedMessage
@@ -64,6 +65,7 @@ exports[`renders DashboardCloneModal 1`] = `
         iconSide="left"
         isLoading={false}
         onClick={[Function]}
+        size="m"
         type="button"
       >
         <FormattedMessage
diff --git a/src/legacy/core_plugins/kibana/public/discover/top_nav/__snapshots__/open_search_panel.test.js.snap b/src/legacy/core_plugins/kibana/public/discover/top_nav/__snapshots__/open_search_panel.test.js.snap
index 2209f7ae927c9..5221c2d0585ce 100644
--- a/src/legacy/core_plugins/kibana/public/discover/top_nav/__snapshots__/open_search_panel.test.js.snap
+++ b/src/legacy/core_plugins/kibana/public/discover/top_nav/__snapshots__/open_search_panel.test.js.snap
@@ -60,6 +60,7 @@ exports[`render 1`] = `
           href="#/management/kibana/objects?_a=(tab:search)"
           iconSide="left"
           onClick={[Function]}
+          size="m"
           type="button"
         >
           <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 4a52ec787c505..4daa4eeebf4ab 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
@@ -55,6 +55,7 @@ exports[`apmUiEnabled 1`] = `
             fill={false}
             href="#/home/tutorial/apm"
             iconSide="left"
+            size="m"
             type="button"
           >
             <FormattedMessage
@@ -89,6 +90,7 @@ exports[`apmUiEnabled 1`] = `
             fill={false}
             href="#/home/tutorial_directory/logging"
             iconSide="left"
+            size="m"
             type="button"
           >
             <FormattedMessage
@@ -123,6 +125,7 @@ exports[`apmUiEnabled 1`] = `
             fill={false}
             href="#/home/tutorial_directory/metrics"
             iconSide="left"
+            size="m"
             type="button"
           >
             <FormattedMessage
@@ -157,6 +160,7 @@ exports[`apmUiEnabled 1`] = `
             fill={false}
             href="#/home/tutorial_directory/security"
             iconSide="left"
+            size="m"
             type="button"
           >
             <FormattedMessage
@@ -320,6 +324,7 @@ exports[`isNewKibanaInstance 1`] = `
             fill={false}
             href="#/home/tutorial_directory/logging"
             iconSide="left"
+            size="m"
             type="button"
           >
             <FormattedMessage
@@ -354,6 +359,7 @@ exports[`isNewKibanaInstance 1`] = `
             fill={false}
             href="#/home/tutorial_directory/metrics"
             iconSide="left"
+            size="m"
             type="button"
           >
             <FormattedMessage
@@ -388,6 +394,7 @@ exports[`isNewKibanaInstance 1`] = `
             fill={false}
             href="#/home/tutorial_directory/security"
             iconSide="left"
+            size="m"
             type="button"
           >
             <FormattedMessage
@@ -551,6 +558,7 @@ exports[`mlEnabled 1`] = `
             fill={false}
             href="#/home/tutorial/apm"
             iconSide="left"
+            size="m"
             type="button"
           >
             <FormattedMessage
@@ -585,6 +593,7 @@ exports[`mlEnabled 1`] = `
             fill={false}
             href="#/home/tutorial_directory/logging"
             iconSide="left"
+            size="m"
             type="button"
           >
             <FormattedMessage
@@ -619,6 +628,7 @@ exports[`mlEnabled 1`] = `
             fill={false}
             href="#/home/tutorial_directory/metrics"
             iconSide="left"
+            size="m"
             type="button"
           >
             <FormattedMessage
@@ -653,6 +663,7 @@ exports[`mlEnabled 1`] = `
             fill={false}
             href="#/home/tutorial_directory/security"
             iconSide="left"
+            size="m"
             type="button"
           >
             <FormattedMessage
@@ -855,6 +866,7 @@ exports[`render 1`] = `
             fill={false}
             href="#/home/tutorial_directory/logging"
             iconSide="left"
+            size="m"
             type="button"
           >
             <FormattedMessage
@@ -889,6 +901,7 @@ exports[`render 1`] = `
             fill={false}
             href="#/home/tutorial_directory/metrics"
             iconSide="left"
+            size="m"
             type="button"
           >
             <FormattedMessage
@@ -923,6 +936,7 @@ exports[`render 1`] = `
             fill={false}
             href="#/home/tutorial_directory/security"
             iconSide="left"
+            size="m"
             type="button"
           >
             <FormattedMessage
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 1cf429d3a8e63..8e0011e2b5f31 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
@@ -102,6 +102,7 @@ exports[`home directories should not render directory entry when showOnHomePage
           fill={false}
           href="#/home/feature_directory"
           iconSide="left"
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -231,6 +232,7 @@ exports[`home directories should render ADMIN directory entry in "Manage" panel
           fill={false}
           href="#/home/feature_directory"
           iconSide="left"
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -360,6 +362,7 @@ exports[`home directories should render DATA directory entry in "Explore Data" p
           fill={false}
           href="#/home/feature_directory"
           iconSide="left"
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -476,6 +479,7 @@ exports[`home isNewKibanaInstance should safely handle execeptions 1`] = `
           fill={false}
           href="#/home/feature_directory"
           iconSide="left"
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -592,6 +596,7 @@ exports[`home isNewKibanaInstance should set isNewKibanaInstance to false when t
           fill={false}
           href="#/home/feature_directory"
           iconSide="left"
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -708,6 +713,7 @@ exports[`home isNewKibanaInstance should set isNewKibanaInstance to true when th
           fill={false}
           href="#/home/feature_directory"
           iconSide="left"
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -824,6 +830,7 @@ exports[`home should render home component 1`] = `
           fill={false}
           href="#/home/feature_directory"
           iconSide="left"
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -940,6 +947,7 @@ exports[`home welcome should show the normal home page if loading fails 1`] = `
           fill={false}
           href="#/home/feature_directory"
           iconSide="left"
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -1056,6 +1064,7 @@ exports[`home welcome should show the normal home page if welcome screen is disa
           fill={false}
           href="#/home/feature_directory"
           iconSide="left"
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -1179,6 +1188,7 @@ exports[`home welcome stores skip welcome setting if skipped 1`] = `
           fill={false}
           href="#/home/feature_directory"
           iconSide="left"
+          size="m"
           type="button"
         >
           <FormattedMessage
diff --git a/src/legacy/core_plugins/kibana/public/home/components/__snapshots__/sample_data_view_data_button.test.js.snap b/src/legacy/core_plugins/kibana/public/home/components/__snapshots__/sample_data_view_data_button.test.js.snap
index ce7be3f8dd4ed..cde987e821c87 100644
--- a/src/legacy/core_plugins/kibana/public/home/components/__snapshots__/sample_data_view_data_button.test.js.snap
+++ b/src/legacy/core_plugins/kibana/public/home/components/__snapshots__/sample_data_view_data_button.test.js.snap
@@ -11,6 +11,7 @@ exports[`should render popover when appLinks is not empty 1`] = `
       iconSide="right"
       iconType="arrowDown"
       onClick={[Function]}
+      size="m"
       type="button"
     >
       View data
@@ -62,6 +63,7 @@ exports[`should render simple button when appLinks is empty 1`] = `
   fill={false}
   href="root/app/kibana#/dashboard/722b74f0-b882-11e8-a6d9-e546fe2bba5f"
   iconSide="left"
+  size="m"
   type="button"
 >
   View data
diff --git a/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/footer.test.js.snap b/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/footer.test.js.snap
index 36f81ab582568..aac8367ab3878 100644
--- a/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/footer.test.js.snap
+++ b/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/footer.test.js.snap
@@ -31,6 +31,7 @@ exports[`render 1`] = `
         fill={true}
         href="/app/myapp"
         iconSide="left"
+        size="m"
         type="button"
       >
         launch myapp
diff --git a/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/instruction_set.test.js.snap b/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/instruction_set.test.js.snap
index fc5bbb7979010..028cf16b75f74 100644
--- a/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/instruction_set.test.js.snap
+++ b/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/instruction_set.test.js.snap
@@ -182,6 +182,7 @@ exports[`statusCheckState checking status 1`] = `
                   iconSide="left"
                   isLoading={true}
                   onClick={[Function]}
+                  size="m"
                   type="button"
                 >
                   custom btn label
@@ -300,6 +301,7 @@ exports[`statusCheckState failed status check - error 1`] = `
                   iconSide="left"
                   isLoading={false}
                   onClick={[Function]}
+                  size="m"
                   type="button"
                 >
                   custom btn label
@@ -423,6 +425,7 @@ exports[`statusCheckState failed status check - no data 1`] = `
                   iconSide="left"
                   isLoading={false}
                   onClick={[Function]}
+                  size="m"
                   type="button"
                 >
                   custom btn label
@@ -546,6 +549,7 @@ exports[`statusCheckState initial state - no check has been attempted 1`] = `
                   iconSide="left"
                   isLoading={true}
                   onClick={[Function]}
+                  size="m"
                   type="button"
                 >
                   custom btn label
@@ -664,6 +668,7 @@ exports[`statusCheckState successful status check 1`] = `
                   iconSide="left"
                   isLoading={false}
                   onClick={[Function]}
+                  size="m"
                   type="button"
                 >
                   custom btn label
diff --git a/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/introduction.test.js.snap b/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/introduction.test.js.snap
index 2197b84e9335d..79aafa88977d9 100644
--- a/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/introduction.test.js.snap
+++ b/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/introduction.test.js.snap
@@ -32,6 +32,7 @@ exports[`props exportedFieldsUrl 1`] = `
         href="exported_fields_url"
         iconSide="left"
         rel="noopener noreferrer"
+        size="m"
         target="_blank"
         type="button"
       >
diff --git a/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/saved_objects_installer.test.js.snap b/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/saved_objects_installer.test.js.snap
index 1262d16ae1fe5..a7c1c2ddea898 100644
--- a/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/saved_objects_installer.test.js.snap
+++ b/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/saved_objects_installer.test.js.snap
@@ -146,6 +146,7 @@ exports[`bulkCreate should display error message when bulkCreate request fails 1
                   iconSide="left"
                   isLoading={false}
                   onClick={[Function]}
+                  size="m"
                   type="button"
                 >
                   Load Kibana objects
@@ -257,6 +258,7 @@ exports[`bulkCreate should display error message when bulkCreate request fails 1
                       iconSide="left"
                       isLoading={false}
                       onClick={[Function]}
+                      size="m"
                       type="button"
                     >
                       <button
@@ -462,6 +464,7 @@ exports[`bulkCreate should display success message when bulkCreate is successful
                   iconSide="left"
                   isLoading={false}
                   onClick={[Function]}
+                  size="m"
                   type="button"
                 >
                   Load Kibana objects
@@ -611,6 +614,7 @@ exports[`bulkCreate should display success message when bulkCreate is successful
                       iconSide="left"
                       isLoading={false}
                       onClick={[Function]}
+                      size="m"
                       type="button"
                     >
                       <button
@@ -702,6 +706,7 @@ exports[`renders 1`] = `
                 iconSide="left"
                 isLoading={false}
                 onClick={[Function]}
+                size="m"
                 type="button"
               >
                 Load Kibana objects
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 fdde1babf2ebe..7d13961480ea6 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
@@ -62,6 +62,7 @@ exports[`EmptyState should render normally 1`] = `
       iconSide="left"
       iconType="refresh"
       onClick={[Function]}
+      size="m"
       type="button"
     >
       <FormattedMessage
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 e96452146fac1..0fe3e67a860b8 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
@@ -101,6 +101,7 @@ exports[`Header should mark the input as invalid 1`] = `
         iconType="arrowRight"
         isDisabled={true}
         onClick={[Function]}
+        size="m"
         type="button"
       >
         <FormattedMessage
@@ -211,6 +212,7 @@ exports[`Header should render normally 1`] = `
         iconType="arrowRight"
         isDisabled={false}
         onClick={[Function]}
+        size="m"
         type="button"
       >
         <FormattedMessage
diff --git a/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/scripted_fields_table/components/header/__jest__/__snapshots__/header.test.js.snap b/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/scripted_fields_table/components/header/__jest__/__snapshots__/header.test.js.snap
index bc0097c81f94d..136ca3c2937a8 100644
--- a/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/scripted_fields_table/components/header/__jest__/__snapshots__/header.test.js.snap
+++ b/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/scripted_fields_table/components/header/__jest__/__snapshots__/header.test.js.snap
@@ -39,6 +39,7 @@ exports[`Header should render normally 1`] = `
       fill={false}
       href=""
       iconSide="left"
+      size="m"
       type="button"
     >
       <FormattedMessage
diff --git a/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/source_filters_table/components/add_filter/__jest__/__snapshots__/add_filter.test.js.snap b/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/source_filters_table/components/add_filter/__jest__/__snapshots__/add_filter.test.js.snap
index a09967b0c7fff..df4b3325dc5da 100644
--- a/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/source_filters_table/components/add_filter/__jest__/__snapshots__/add_filter.test.js.snap
+++ b/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/source_filters_table/components/add_filter/__jest__/__snapshots__/add_filter.test.js.snap
@@ -21,6 +21,7 @@ exports[`AddFilter should ignore strings with just spaces 1`] = `
       iconSide="left"
       isDisabled={true}
       onClick={[Function]}
+      size="m"
       type="button"
     >
       <FormattedMessage
@@ -54,6 +55,7 @@ exports[`AddFilter should render normally 1`] = `
       iconSide="left"
       isDisabled={true}
       onClick={[Function]}
+      size="m"
       type="button"
     >
       <FormattedMessage
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 55a6c904d55f8..543599fd02a54 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
@@ -33,6 +33,7 @@ exports[`Table should render normally 1`] = `
           iconType="trash"
           isDisabled={false}
           onClick={[Function]}
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -48,6 +49,7 @@ exports[`Table should render normally 1`] = `
           iconType="exportAction"
           isDisabled={false}
           onClick={[Function]}
+          size="m"
           type="button"
         >
           <FormattedMessage
diff --git a/src/legacy/ui/public/inspector/ui/__snapshots__/inspector_panel.test.js.snap b/src/legacy/ui/public/inspector/ui/__snapshots__/inspector_panel.test.js.snap
index 9d5e8fe0725a0..aa16a91a4c9ad 100644
--- a/src/legacy/ui/public/inspector/ui/__snapshots__/inspector_panel.test.js.snap
+++ b/src/legacy/ui/public/inspector/ui/__snapshots__/inspector_panel.test.js.snap
@@ -242,8 +242,11 @@ exports[`InspectorPanel should render as expected 1`] = `
                     <div
                       className="euiPopover euiPopover--anchorDownRight"
                       id="inspectorViewChooser"
-                      onClick={[Function]}
                       onKeyDown={[Function]}
+                      onMouseDown={[Function]}
+                      onMouseUp={[Function]}
+                      onTouchEnd={[Function]}
+                      onTouchStart={[Function]}
                     >
                       <div
                         className="euiPopover__anchor"
diff --git a/src/legacy/ui/public/saved_objects/components/__snapshots__/saved_object_save_modal.test.js.snap b/src/legacy/ui/public/saved_objects/components/__snapshots__/saved_object_save_modal.test.js.snap
index 6e78bca274197..bcef5fe1b1ac3 100644
--- a/src/legacy/ui/public/saved_objects/components/__snapshots__/saved_object_save_modal.test.js.snap
+++ b/src/legacy/ui/public/saved_objects/components/__snapshots__/saved_object_save_modal.test.js.snap
@@ -56,6 +56,7 @@ exports[`SavedObjectSaveModal should render matching snapshot 1`] = `
         fill={false}
         iconSide="left"
         onClick={[Function]}
+        size="m"
         type="button"
       >
         <FormattedMessage
@@ -72,6 +73,7 @@ exports[`SavedObjectSaveModal should render matching snapshot 1`] = `
         isDisabled={false}
         isLoading={false}
         onClick={[Function]}
+        size="m"
         type="button"
       >
         <FormattedMessage
diff --git a/src/legacy/ui/public/saved_objects/components/saved_object_finder.test.tsx b/src/legacy/ui/public/saved_objects/components/saved_object_finder.test.tsx
index 09412322a5558..0170efbd56aee 100644
--- a/src/legacy/ui/public/saved_objects/components/saved_object_finder.test.tsx
+++ b/src/legacy/ui/public/saved_objects/components/saved_object_finder.test.tsx
@@ -37,6 +37,7 @@ import {
   EuiPagination,
   EuiTablePagination,
 } from '@elastic/eui';
+import { IconType } from '@elastic/eui';
 import { shallow } from 'enzyme';
 import React from 'react';
 import * as sinon from 'sinon';
@@ -63,7 +64,7 @@ describe('SavedObjectsFinder', () => {
     {
       type: 'search',
       name: 'Search',
-      getIconForSavedObject: () => 'search',
+      getIconForSavedObject: () => 'search' as IconType,
       showSavedObject: () => true,
     },
   ];
@@ -224,7 +225,7 @@ describe('SavedObjectsFinder', () => {
           {
             type: 'vis',
             name: 'Vis',
-            getIconForSavedObject: () => 'visualization',
+            getIconForSavedObject: () => 'visLine',
           },
         ]}
       />
@@ -249,12 +250,12 @@ describe('SavedObjectsFinder', () => {
       {
         type: 'search',
         name: 'Search',
-        getIconForSavedObject: () => 'search',
+        getIconForSavedObject: () => 'search' as IconType,
       },
       {
         type: 'vis',
         name: 'Vis',
-        getIconForSavedObject: () => 'document',
+        getIconForSavedObject: () => 'document' as IconType,
       },
     ];
 
diff --git a/src/legacy/ui/public/saved_objects/components/saved_object_finder.tsx b/src/legacy/ui/public/saved_objects/components/saved_object_finder.tsx
index 8575fa66ee747..69aecc8b78625 100644
--- a/src/legacy/ui/public/saved_objects/components/saved_object_finder.tsx
+++ b/src/legacy/ui/public/saved_objects/components/saved_object_finder.tsx
@@ -40,6 +40,7 @@ import {
   EuiPopover,
   EuiSpacer,
   EuiTablePagination,
+  IconType,
 } from '@elastic/eui';
 import { Direction } from '@elastic/eui/src/services/sort/sort_direction';
 import { i18n } from '@kbn/i18n';
@@ -60,7 +61,7 @@ const FixedEuiContextMenuPanel = (EuiContextMenuPanel as any) as React.FunctionC
 export interface SavedObjectMetaData<T extends SavedObjectAttributes> {
   type: string;
   name: string;
-  getIconForSavedObject(savedObject: SimpleSavedObject<T>): string | undefined;
+  getIconForSavedObject(savedObject: SimpleSavedObject<T>): IconType;
   getTooltipForSavedObject?(savedObject: SimpleSavedObject<T>): string;
   showSavedObject?(savedObject: SimpleSavedObject<T>): boolean;
 }
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 55adf625481e4..ce2d0111c50bb 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": "9.4.0",
+    "@elastic/eui": "9.7.1",
     "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 181865ed3ac52..d1491583bc0d5 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": "9.4.0",
+    "@elastic/eui": "9.7.1",
     "react": "^16.8.0"
   }
 }
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 462f5448d7cff..dad6a74d14362 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": "9.4.2",
+    "@elastic/eui": "9.7.1",
     "react": "^16.8.0"
   },
   "scripts": {
@@ -19,4 +19,4 @@
     "@kbn/plugin-helpers" : "9.0.2",
     "typescript": "^3.3.3333"
   }
-}
\ No newline at end of file
+}
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 6286abc45f06f..9051a0e79c857 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": "9.4.0",
+    "@elastic/eui": "9.7.1",
     "react": "^16.8.0",
     "react-dom": "^16.8.0"
   }
diff --git a/typings/@elastic/eui/index.d.ts b/typings/@elastic/eui/index.d.ts
index bdd6d4d72fbd2..fcdc481c17770 100644
--- a/typings/@elastic/eui/index.d.ts
+++ b/typings/@elastic/eui/index.d.ts
@@ -25,7 +25,6 @@ declare module '@elastic/eui' {
   export const EuiCopy: React.SFC<any>;
   export const EuiOutsideClickDetector: React.SFC<any>;
   export const EuiSideNav: React.SFC<any>;
-  export const EuiListGroupItem: React.FunctionComponent<any>;
 
   export interface EuiTableCriteria {
     page: { index: number; size: number };
diff --git a/x-pack/package.json b/x-pack/package.json
index aaeea471cd230..71ac86b26c405 100644
--- a/x-pack/package.json
+++ b/x-pack/package.json
@@ -120,7 +120,7 @@
     "@babel/register": "^7.0.0",
     "@babel/runtime": "^7.3.4",
     "@elastic/datemath": "5.0.2",
-    "@elastic/eui": "9.4.2",
+    "@elastic/eui": "9.7.1",
     "@elastic/node-crypto": "0.1.2",
     "@elastic/numeral": "2.3.2",
     "@kbn/babel-preset": "1.0.0",
diff --git a/x-pack/plugins/apm/public/components/app/ErrorGroupOverview/List/__test__/__snapshots__/List.test.tsx.snap b/x-pack/plugins/apm/public/components/app/ErrorGroupOverview/List/__test__/__snapshots__/List.test.tsx.snap
index 0277a64ec5048..7df0a14e89080 100644
--- a/x-pack/plugins/apm/public/components/app/ErrorGroupOverview/List/__test__/__snapshots__/List.test.tsx.snap
+++ b/x-pack/plugins/apm/public/components/app/ErrorGroupOverview/List/__test__/__snapshots__/List.test.tsx.snap
@@ -23,8 +23,11 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
             <div
               className="euiPopover euiPopover--anchorDownRight"
               id="sortPopover"
-              onClick={[Function]}
               onKeyDown={[Function]}
+              onMouseDown={[Function]}
+              onMouseUp={[Function]}
+              onTouchEnd={[Function]}
+              onTouchStart={[Function]}
             >
               <div
                 className="euiPopover__anchor"
@@ -244,8 +247,11 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
         <div
           className="euiPopover euiPopover--anchorUpRight euiPopover--withTitle"
           id="customizablePagination"
-          onClick={[Function]}
           onKeyDown={[Function]}
+          onMouseDown={[Function]}
+          onMouseUp={[Function]}
+          onTouchEnd={[Function]}
+          onTouchStart={[Function]}
         >
           <div
             className="euiPopover__anchor"
@@ -349,8 +355,11 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
             <div
               className="euiPopover euiPopover--anchorDownRight"
               id="sortPopover"
-              onClick={[Function]}
               onKeyDown={[Function]}
+              onMouseDown={[Function]}
+              onMouseUp={[Function]}
+              onTouchEnd={[Function]}
+              onTouchStart={[Function]}
             >
               <div
                 className="euiPopover__anchor"
@@ -980,8 +989,11 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
         <div
           className="euiPopover euiPopover--anchorUpRight euiPopover--withTitle"
           id="customizablePagination"
-          onClick={[Function]}
           onKeyDown={[Function]}
+          onMouseDown={[Function]}
+          onMouseUp={[Function]}
+          onTouchEnd={[Function]}
+          onTouchStart={[Function]}
         >
           <div
             className="euiPopover__anchor"
diff --git a/x-pack/plugins/canvas/public/components/font_picker/__snapshots__/font_picker.examples.storyshot b/x-pack/plugins/canvas/public/components/font_picker/__snapshots__/font_picker.examples.storyshot
new file mode 100644
index 0000000000000..c7a5afedda7ee
--- /dev/null
+++ b/x-pack/plugins/canvas/public/components/font_picker/__snapshots__/font_picker.examples.storyshot
@@ -0,0 +1,171 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Storyshots components/FontPicker default 1`] = `
+<div
+  className="euiPopover euiPopover--anchorDownCenter euiSuperSelect"
+  onKeyDown={[Function]}
+  onMouseDown={[Function]}
+  onMouseUp={[Function]}
+  onTouchEnd={[Function]}
+  onTouchStart={[Function]}
+>
+  <div
+    className="euiPopover__anchor euiSuperSelect__popoverAnchor"
+  >
+    <input
+      defaultValue=""
+      type="hidden"
+    />
+    <div
+      className="euiFormControlLayout euiFormControlLayout--compressed"
+    >
+      <div
+        className="euiFormControlLayout__childrenWrapper"
+      >
+        <span
+          className="euiScreenReaderOnly"
+          id="generated-id"
+        >
+          Select an option: , is selected
+        </span>
+        <button
+          aria-haspopup="true"
+          aria-labelledby="undefined generated-id"
+          className="euiSuperSelectControl euiSuperSelectControl--compressed"
+          onChange={[Function]}
+          onClick={[Function]}
+          onKeyDown={[Function]}
+          role="option"
+          type="button"
+        >
+          
+        </button>
+        <div
+          className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+        >
+          <span
+            className="euiFormControlLayoutCustomIcon"
+          >
+            <svg
+              aria-hidden="true"
+              className="euiIcon euiIcon--medium euiFormControlLayoutCustomIcon__icon"
+              focusable="false"
+              height="16"
+              style={null}
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+              xmlnsXlink="http://www.w3.org/1999/xlink"
+            >
+              <defs>
+                <path
+                  d="M13.069 5.157L8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0z"
+                  id="arrow_down-a"
+                />
+              </defs>
+              <use
+                fillRule="nonzero"
+                xlinkHref="#arrow_down-a"
+              />
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots components/FontPicker with value 1`] = `
+<div
+  className="euiPopover euiPopover--anchorDownCenter euiSuperSelect"
+  onKeyDown={[Function]}
+  onMouseDown={[Function]}
+  onMouseUp={[Function]}
+  onTouchEnd={[Function]}
+  onTouchStart={[Function]}
+>
+  <div
+    className="euiPopover__anchor euiSuperSelect__popoverAnchor"
+  >
+    <input
+      type="hidden"
+      value="'American Typewriter', 'Courier New', Courier, Monaco, mono"
+    />
+    <div
+      className="euiFormControlLayout euiFormControlLayout--compressed"
+    >
+      <div
+        className="euiFormControlLayout__childrenWrapper"
+      >
+        <span
+          className="euiScreenReaderOnly"
+          id="generated-id"
+        >
+          Select an option: 
+          <div
+            style={
+              Object {
+                "fontFamily": "'American Typewriter', 'Courier New', Courier, Monaco, mono",
+              }
+            }
+          >
+            American Typewriter
+          </div>
+          , is selected
+        </span>
+        <button
+          aria-haspopup="true"
+          aria-labelledby="undefined generated-id"
+          className="euiSuperSelectControl euiSuperSelectControl--compressed"
+          onChange={[Function]}
+          onClick={[Function]}
+          onKeyDown={[Function]}
+          role="option"
+          type="button"
+        >
+          <div
+            style={
+              Object {
+                "fontFamily": "'American Typewriter', 'Courier New', Courier, Monaco, mono",
+              }
+            }
+          >
+            American Typewriter
+          </div>
+        </button>
+        <div
+          className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+        >
+          <span
+            className="euiFormControlLayoutCustomIcon"
+          >
+            <svg
+              aria-hidden="true"
+              className="euiIcon euiIcon--medium euiFormControlLayoutCustomIcon__icon"
+              focusable="false"
+              height="16"
+              style={null}
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+              xmlnsXlink="http://www.w3.org/1999/xlink"
+            >
+              <defs>
+                <path
+                  d="M13.069 5.157L8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0z"
+                  id="arrow_down-a"
+                />
+              </defs>
+              <use
+                fillRule="nonzero"
+                xlinkHref="#arrow_down-a"
+              />
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/x-pack/plugins/index_lifecycle_management/__jest__/__snapshots__/extend_index_management.test.js.snap b/x-pack/plugins/index_lifecycle_management/__jest__/__snapshots__/extend_index_management.test.js.snap
index cf33fa7ba5187..95f01e49c3789 100644
--- a/x-pack/plugins/index_lifecycle_management/__jest__/__snapshots__/extend_index_management.test.js.snap
+++ b/x-pack/plugins/index_lifecycle_management/__jest__/__snapshots__/extend_index_management.test.js.snap
@@ -524,8 +524,11 @@ exports[`ilm summary extension should return extension when index has lifecycle
                   <div
                     className="euiPopover euiPopover--anchorDownCenter euiPopover--withTitle"
                     id="phaseExecutionPopover"
-                    onClick={[Function]}
                     onKeyDown={[Function]}
+                    onMouseDown={[Function]}
+                    onMouseUp={[Function]}
+                    onTouchEnd={[Function]}
+                    onTouchStart={[Function]}
                   >
                     <div
                       className="euiPopover__anchor"
diff --git a/x-pack/plugins/license_management/__jest__/__snapshots__/telemetry_opt_in.test.js.snap b/x-pack/plugins/license_management/__jest__/__snapshots__/telemetry_opt_in.test.js.snap
index edf0aaffea276..147c5648717fd 100644
--- a/x-pack/plugins/license_management/__jest__/__snapshots__/telemetry_opt_in.test.js.snap
+++ b/x-pack/plugins/license_management/__jest__/__snapshots__/telemetry_opt_in.test.js.snap
@@ -339,8 +339,11 @@ exports[`TelemetryOptIn should display when telemetry not opted in 1`] = `
                 <div
                   className="euiPopover euiPopover--anchorDownCenter eui-AlignBaseline"
                   id="readMorePopover"
-                  onClick={[Function]}
                   onKeyDown={[Function]}
+                  onMouseDown={[Function]}
+                  onMouseUp={[Function]}
+                  onTouchEnd={[Function]}
+                  onTouchStart={[Function]}
                 >
                   <div
                     className="euiPopover__anchor"
diff --git a/x-pack/plugins/license_management/__jest__/__snapshots__/upload_license.test.js.snap b/x-pack/plugins/license_management/__jest__/__snapshots__/upload_license.test.js.snap
index dd69d396254a7..999d7069758f7 100644
--- a/x-pack/plugins/license_management/__jest__/__snapshots__/upload_license.test.js.snap
+++ b/x-pack/plugins/license_management/__jest__/__snapshots__/upload_license.test.js.snap
@@ -771,6 +771,7 @@ exports[`UploadLicense should display a modal when license requires acknowledgem
                                         fill={true}
                                         iconSide="left"
                                         onClick={[Function]}
+                                        size="m"
                                         type="button"
                                       >
                                         <button
@@ -1039,6 +1040,7 @@ exports[`UploadLicense should display a modal when license requires acknowledgem
                               iconSide="left"
                               isLoading={false}
                               onClick={[Function]}
+                              size="m"
                               type="button"
                             >
                               <button
@@ -1533,6 +1535,7 @@ exports[`UploadLicense should display an error when ES says license is expired 1
                               iconSide="left"
                               isLoading={false}
                               onClick={[Function]}
+                              size="m"
                               type="button"
                             >
                               <button
@@ -2027,6 +2030,7 @@ exports[`UploadLicense should display an error when ES says license is invalid 1
                               iconSide="left"
                               isLoading={false}
                               onClick={[Function]}
+                              size="m"
                               type="button"
                             >
                               <button
@@ -2521,6 +2525,7 @@ exports[`UploadLicense should display an error when submitting invalid JSON 1`]
                               iconSide="left"
                               isLoading={false}
                               onClick={[Function]}
+                              size="m"
                               type="button"
                             >
                               <button
@@ -3015,6 +3020,7 @@ exports[`UploadLicense should display error when ES returns error 1`] = `
                               iconSide="left"
                               isLoading={false}
                               onClick={[Function]}
+                              size="m"
                               type="button"
                             >
                               <button
diff --git a/x-pack/plugins/logstash/public/components/pipeline_editor/__snapshots__/pipeline_editor.test.js.snap b/x-pack/plugins/logstash/public/components/pipeline_editor/__snapshots__/pipeline_editor.test.js.snap
index 93156516cdeb3..85610976df6f0 100644
--- a/x-pack/plugins/logstash/public/components/pipeline_editor/__snapshots__/pipeline_editor.test.js.snap
+++ b/x-pack/plugins/logstash/public/components/pipeline_editor/__snapshots__/pipeline_editor.test.js.snap
@@ -291,6 +291,7 @@ Default value: 1024"
           iconSide="left"
           isDisabled={true}
           onClick={[Function]}
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -309,6 +310,7 @@ Default value: 1024"
           fill={false}
           iconSide="left"
           onClick={[Function]}
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -613,6 +615,7 @@ Default value: 1024"
           iconSide="left"
           isDisabled={true}
           onClick={[Function]}
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -631,6 +634,7 @@ Default value: 1024"
           fill={false}
           iconSide="left"
           onClick={[Function]}
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -935,6 +939,7 @@ Default value: 1024"
           iconSide="left"
           isDisabled={true}
           onClick={[Function]}
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -953,6 +958,7 @@ Default value: 1024"
           fill={false}
           iconSide="left"
           onClick={[Function]}
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -1228,6 +1234,7 @@ Default value: 1024"
           iconSide="left"
           isDisabled={false}
           onClick={[Function]}
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -1246,6 +1253,7 @@ Default value: 1024"
           fill={false}
           iconSide="left"
           onClick={[Function]}
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -1563,6 +1571,7 @@ Default value: 1024"
           iconSide="left"
           isDisabled={false}
           onClick={[Function]}
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -1581,6 +1590,7 @@ Default value: 1024"
           fill={false}
           iconSide="left"
           onClick={[Function]}
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -1856,6 +1866,7 @@ Default value: 1024"
           iconSide="left"
           isDisabled={false}
           onClick={[Function]}
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -1874,6 +1885,7 @@ Default value: 1024"
           fill={false}
           iconSide="left"
           onClick={[Function]}
+          size="m"
           type="button"
         >
           <FormattedMessage
diff --git a/x-pack/plugins/logstash/public/components/pipeline_list/__snapshots__/pipelines_table.test.js.snap b/x-pack/plugins/logstash/public/components/pipeline_list/__snapshots__/pipelines_table.test.js.snap
index b3b0d02ce8422..11d0df0b647a2 100644
--- a/x-pack/plugins/logstash/public/components/pipeline_list/__snapshots__/pipelines_table.test.js.snap
+++ b/x-pack/plugins/logstash/public/components/pipeline_list/__snapshots__/pipelines_table.test.js.snap
@@ -118,6 +118,7 @@ exports[`PipelinesTable component renders component as expected 1`] = `
         iconSide="left"
         isDisabled={false}
         onClick={[MockFunction]}
+        size="m"
         type="button"
       >
         <FormattedMessage
diff --git a/x-pack/plugins/logstash/public/components/upgrade_failure/__snapshots__/upgrade_failure.test.js.snap b/x-pack/plugins/logstash/public/components/upgrade_failure/__snapshots__/upgrade_failure.test.js.snap
index effc03604ae86..ebb35547c8691 100644
--- a/x-pack/plugins/logstash/public/components/upgrade_failure/__snapshots__/upgrade_failure.test.js.snap
+++ b/x-pack/plugins/logstash/public/components/upgrade_failure/__snapshots__/upgrade_failure.test.js.snap
@@ -299,6 +299,7 @@ exports[`UpgradeFailure component passes expected text for new pipeline 1`] = `
                           fill={true}
                           iconSide="left"
                           onClick={[MockFunction]}
+                          size="m"
                           type="button"
                         >
                           <button
@@ -666,6 +667,7 @@ exports[`UpgradeFailure component passes expected text for not manual upgrade 1`
                           fill={true}
                           iconSide="left"
                           onClick={[MockFunction]}
+                          size="m"
                           type="button"
                         >
                           <button
@@ -1033,6 +1035,7 @@ exports[`UpgradeFailure component passes expected text for not new pipeline 1`]
                           fill={true}
                           iconSide="left"
                           onClick={[MockFunction]}
+                          size="m"
                           type="button"
                         >
                           <button
diff --git a/x-pack/plugins/logstash/public/components/upgrade_failure/__snapshots__/upgrade_failure_actions.test.js.snap b/x-pack/plugins/logstash/public/components/upgrade_failure/__snapshots__/upgrade_failure_actions.test.js.snap
index 1ab00ba28fe0f..f0a549a6928a6 100644
--- a/x-pack/plugins/logstash/public/components/upgrade_failure/__snapshots__/upgrade_failure_actions.test.js.snap
+++ b/x-pack/plugins/logstash/public/components/upgrade_failure/__snapshots__/upgrade_failure_actions.test.js.snap
@@ -12,6 +12,7 @@ exports[`UpgradeFailureActions component renders component as expected 1`] = `
       fill={true}
       iconSide="left"
       onClick={[MockFunction]}
+      size="m"
       type="button"
     >
       upgrade button text
diff --git a/x-pack/plugins/ml/public/components/rule_editor/__snapshots__/rule_editor_flyout.test.js.snap b/x-pack/plugins/ml/public/components/rule_editor/__snapshots__/rule_editor_flyout.test.js.snap
index 5e63d4a9a76ac..c1a06c89b52a0 100644
--- a/x-pack/plugins/ml/public/components/rule_editor/__snapshots__/rule_editor_flyout.test.js.snap
+++ b/x-pack/plugins/ml/public/components/rule_editor/__snapshots__/rule_editor_flyout.test.js.snap
@@ -258,6 +258,7 @@ exports[`RuleEditorFlyout renders the flyout after adding a condition to a rule
             iconSide="left"
             isDisabled={false}
             onClick={[Function]}
+            size="m"
             type="button"
           >
             <FormattedMessage
@@ -541,6 +542,7 @@ exports[`RuleEditorFlyout renders the flyout after setting the rule to edit 1`]
             iconSide="left"
             isDisabled={false}
             onClick={[Function]}
+            size="m"
             type="button"
           >
             <FormattedMessage
@@ -802,6 +804,7 @@ exports[`RuleEditorFlyout renders the flyout for creating a rule with conditions
             iconSide="left"
             isDisabled={true}
             onClick={[Function]}
+            size="m"
             type="button"
           >
             <FormattedMessage
diff --git a/x-pack/plugins/ml/public/explorer/components/explorer_no_jobs_found/__snapshots__/explorer_no_jobs_found.test.js.snap b/x-pack/plugins/ml/public/explorer/components/explorer_no_jobs_found/__snapshots__/explorer_no_jobs_found.test.js.snap
index ef12112934cd9..8dca6f7b97e5f 100644
--- a/x-pack/plugins/ml/public/explorer/components/explorer_no_jobs_found/__snapshots__/explorer_no_jobs_found.test.js.snap
+++ b/x-pack/plugins/ml/public/explorer/components/explorer_no_jobs_found/__snapshots__/explorer_no_jobs_found.test.js.snap
@@ -8,6 +8,7 @@ exports[`ExplorerNoInfluencersFound snapshot 1`] = `
       fill={true}
       href="ml#/jobs"
       iconSide="left"
+      size="m"
       type="button"
     >
       <FormattedMessage
diff --git a/x-pack/plugins/ml/public/settings/calendars/edit/calendar_form/__snapshots__/calendar_form.test.js.snap b/x-pack/plugins/ml/public/settings/calendars/edit/calendar_form/__snapshots__/calendar_form.test.js.snap
index 44d616d8c82bb..2741efeb7c065 100644
--- a/x-pack/plugins/ml/public/settings/calendars/edit/calendar_form/__snapshots__/calendar_form.test.js.snap
+++ b/x-pack/plugins/ml/public/settings/calendars/edit/calendar_form/__snapshots__/calendar_form.test.js.snap
@@ -183,6 +183,7 @@ exports[`CalendarForm Renders calendar form 1`] = `
         iconSide="left"
         isDisabled={true}
         onClick={[MockFunction]}
+        size="m"
         type="button"
       >
         <FormattedMessage
@@ -201,6 +202,7 @@ exports[`CalendarForm Renders calendar form 1`] = `
         href="undefined/app/ml#/settings/calendars_list"
         iconSide="left"
         isDisabled={false}
+        size="m"
         type="button"
       >
         <FormattedMessage
diff --git a/x-pack/plugins/ml/public/settings/calendars/edit/import_modal/__snapshots__/import_modal.test.js.snap b/x-pack/plugins/ml/public/settings/calendars/edit/import_modal/__snapshots__/import_modal.test.js.snap
index 8ec7ee68d1042..55e0a65e610f5 100644
--- a/x-pack/plugins/ml/public/settings/calendars/edit/import_modal/__snapshots__/import_modal.test.js.snap
+++ b/x-pack/plugins/ml/public/settings/calendars/edit/import_modal/__snapshots__/import_modal.test.js.snap
@@ -58,6 +58,7 @@ exports[`ImportModal Renders import modal 1`] = `
         fill={true}
         iconSide="left"
         onClick={[Function]}
+        size="m"
         type="button"
       >
         <FormattedMessage
diff --git a/x-pack/plugins/ml/public/settings/filter_lists/components/add_item_popover/__snapshots__/add_item_popover.test.js.snap b/x-pack/plugins/ml/public/settings/filter_lists/components/add_item_popover/__snapshots__/add_item_popover.test.js.snap
index 623d8fdbb1b04..bddc9285302ea 100644
--- a/x-pack/plugins/ml/public/settings/filter_lists/components/add_item_popover/__snapshots__/add_item_popover.test.js.snap
+++ b/x-pack/plugins/ml/public/settings/filter_lists/components/add_item_popover/__snapshots__/add_item_popover.test.js.snap
@@ -77,6 +77,7 @@ exports[`AddItemPopover calls addItems with multiple items on clicking Add butto
           fill={false}
           iconSide="left"
           onClick={[Function]}
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -168,6 +169,7 @@ exports[`AddItemPopover opens the popover onButtonClick 1`] = `
           fill={false}
           iconSide="left"
           onClick={[Function]}
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -259,6 +261,7 @@ exports[`AddItemPopover renders the popover 1`] = `
           fill={false}
           iconSide="left"
           onClick={[Function]}
+          size="m"
           type="button"
         >
           <FormattedMessage
diff --git a/x-pack/plugins/ml/public/settings/filter_lists/components/delete_filter_list_modal/__snapshots__/delete_filter_list_modal.test.js.snap b/x-pack/plugins/ml/public/settings/filter_lists/components/delete_filter_list_modal/__snapshots__/delete_filter_list_modal.test.js.snap
index 7bbf8f334eb31..1990c5167f5ce 100644
--- a/x-pack/plugins/ml/public/settings/filter_lists/components/delete_filter_list_modal/__snapshots__/delete_filter_list_modal.test.js.snap
+++ b/x-pack/plugins/ml/public/settings/filter_lists/components/delete_filter_list_modal/__snapshots__/delete_filter_list_modal.test.js.snap
@@ -10,6 +10,7 @@ exports[`DeleteFilterListModal false canDeleteFilter privilege renders as disabl
     isDisabled={false}
     key="delete_filter_list"
     onClick={[Function]}
+    size="m"
     type="button"
   >
     <FormattedMessage
@@ -31,6 +32,7 @@ exports[`DeleteFilterListModal renders as delete button after opening and closin
     isDisabled={false}
     key="delete_filter_list"
     onClick={[Function]}
+    size="m"
     type="button"
   >
     <FormattedMessage
@@ -52,6 +54,7 @@ exports[`DeleteFilterListModal renders as disabled delete button when no lists s
     isDisabled={false}
     key="delete_filter_list"
     onClick={[Function]}
+    size="m"
     type="button"
   >
     <FormattedMessage
@@ -73,6 +76,7 @@ exports[`DeleteFilterListModal renders as enabled delete button when a list is s
     isDisabled={false}
     key="delete_filter_list"
     onClick={[Function]}
+    size="m"
     type="button"
   >
     <FormattedMessage
@@ -94,6 +98,7 @@ exports[`DeleteFilterListModal renders modal after clicking delete button 1`] =
     isDisabled={false}
     key="delete_filter_list"
     onClick={[Function]}
+    size="m"
     type="button"
   >
     <FormattedMessage
diff --git a/x-pack/plugins/ml/public/settings/filter_lists/edit/__snapshots__/edit_filter_list.test.js.snap b/x-pack/plugins/ml/public/settings/filter_lists/edit/__snapshots__/edit_filter_list.test.js.snap
index ea3be9294489d..43464755a4b79 100644
--- a/x-pack/plugins/ml/public/settings/filter_lists/edit/__snapshots__/edit_filter_list.test.js.snap
+++ b/x-pack/plugins/ml/public/settings/filter_lists/edit/__snapshots__/edit_filter_list.test.js.snap
@@ -97,6 +97,7 @@ exports[`EditFilterList adds new items to filter list 1`] = `
           fill={true}
           iconSide="left"
           onClick={[Function]}
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -210,6 +211,7 @@ exports[`EditFilterList renders after selecting an item and deleting it 1`] = `
           fill={true}
           iconSide="left"
           onClick={[Function]}
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -318,6 +320,7 @@ exports[`EditFilterList renders after selecting an item and deleting it 2`] = `
           fill={true}
           iconSide="left"
           onClick={[Function]}
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -410,6 +413,7 @@ exports[`EditFilterList renders the edit page for a new filter list and updates
           fill={true}
           iconSide="left"
           onClick={[Function]}
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -502,6 +506,7 @@ exports[`EditFilterList renders the edit page for a new filter list and updates
           fill={true}
           iconSide="left"
           onClick={[Function]}
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -611,6 +616,7 @@ exports[`EditFilterList renders the edit page for an existing filter list and up
           fill={true}
           iconSide="left"
           onClick={[Function]}
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -720,6 +726,7 @@ exports[`EditFilterList renders the edit page for an existing filter list and up
           fill={true}
           iconSide="left"
           onClick={[Function]}
+          size="m"
           type="button"
         >
           <FormattedMessage
@@ -829,6 +836,7 @@ exports[`EditFilterList updates the items per page 1`] = `
           fill={true}
           iconSide="left"
           onClick={[Function]}
+          size="m"
           type="button"
         >
           <FormattedMessage
diff --git a/x-pack/plugins/monitoring/public/components/no_data/explanations/collection_enabled/__tests__/__snapshots__/collection_enabled.test.js.snap b/x-pack/plugins/monitoring/public/components/no_data/explanations/collection_enabled/__tests__/__snapshots__/collection_enabled.test.js.snap
index 505323dc959ba..aafbeb9970b6b 100644
--- a/x-pack/plugins/monitoring/public/components/no_data/explanations/collection_enabled/__tests__/__snapshots__/collection_enabled.test.js.snap
+++ b/x-pack/plugins/monitoring/public/components/no_data/explanations/collection_enabled/__tests__/__snapshots__/collection_enabled.test.js.snap
@@ -269,6 +269,7 @@ exports[`ExplainCollectionEnabled should explain about xpack.monitoring.collecti
             fill={true}
             iconSide="left"
             onClick={[Function]}
+            size="m"
             type="button"
           >
             <button
diff --git a/x-pack/plugins/monitoring/public/components/no_data/explanations/collection_interval/__tests__/__snapshots__/collection_interval.test.js.snap b/x-pack/plugins/monitoring/public/components/no_data/explanations/collection_interval/__tests__/__snapshots__/collection_interval.test.js.snap
index d5392e1eb4534..2ab3c6b3aa7b4 100644
--- a/x-pack/plugins/monitoring/public/components/no_data/explanations/collection_interval/__tests__/__snapshots__/collection_interval.test.js.snap
+++ b/x-pack/plugins/monitoring/public/components/no_data/explanations/collection_interval/__tests__/__snapshots__/collection_interval.test.js.snap
@@ -452,6 +452,7 @@ exports[`ExplainCollectionInterval collection interval setting updates should sh
             iconSide="left"
             isLoading={true}
             onClick={[Function]}
+            size="m"
             type="button"
           >
             <button
@@ -774,6 +775,7 @@ exports[`ExplainCollectionInterval should explain about xpack.monitoring.collect
             iconSide="left"
             isLoading={false}
             onClick={[Function]}
+            size="m"
             type="button"
           >
             <button
diff --git a/x-pack/plugins/reporting/public/components/__snapshots__/report_info_button.test.tsx.snap b/x-pack/plugins/reporting/public/components/__snapshots__/report_info_button.test.tsx.snap
index 39ea6409cf7ae..d4d7165a8454e 100644
--- a/x-pack/plugins/reporting/public/components/__snapshots__/report_info_button.test.tsx.snap
+++ b/x-pack/plugins/reporting/public/components/__snapshots__/report_info_button.test.tsx.snap
@@ -83,11 +83,15 @@ Array [
         >
           <OutsideEventDetector
             handleEvent={[Function]}
-            onClick={[Function]}
+            onMouseDown={[Function]}
+            onMouseUp={[Function]}
+            onTouchEnd={[Function]}
+            onTouchStart={[Function]}
           >
             <div
-              onClick={[Function]}
               onMouseDown={[Function]}
+              onMouseUp={[Function]}
+              onTouchEnd={[Function]}
               onTouchStart={[Function]}
             >
               <FocusLock
@@ -510,11 +514,15 @@ Array [
         >
           <OutsideEventDetector
             handleEvent={[Function]}
-            onClick={[Function]}
+            onMouseDown={[Function]}
+            onMouseUp={[Function]}
+            onTouchEnd={[Function]}
+            onTouchStart={[Function]}
           >
             <div
-              onClick={[Function]}
               onMouseDown={[Function]}
+              onMouseUp={[Function]}
+              onTouchEnd={[Function]}
               onTouchStart={[Function]}
             >
               <FocusLock
diff --git a/x-pack/plugins/security/public/views/login/components/basic_login_form/__snapshots__/basic_login_form.test.tsx.snap b/x-pack/plugins/security/public/views/login/components/basic_login_form/__snapshots__/basic_login_form.test.tsx.snap
index ddeaf5a657716..e169c0e68ad9e 100644
--- a/x-pack/plugins/security/public/views/login/components/basic_login_form/__snapshots__/basic_login_form.test.tsx.snap
+++ b/x-pack/plugins/security/public/views/login/components/basic_login_form/__snapshots__/basic_login_form.test.tsx.snap
@@ -73,6 +73,7 @@ exports[`BasicLoginForm renders as expected 1`] = `
         iconSide="left"
         isLoading={false}
         onClick={[Function]}
+        size="m"
         type="submit"
       >
         <FormattedMessage
diff --git a/x-pack/plugins/spaces/public/views/management/components/__snapshots__/confirm_delete_modal.test.tsx.snap b/x-pack/plugins/spaces/public/views/management/components/__snapshots__/confirm_delete_modal.test.tsx.snap
index f8e49b82bfeac..8b882b2d8da2a 100644
--- a/x-pack/plugins/spaces/public/views/management/components/__snapshots__/confirm_delete_modal.test.tsx.snap
+++ b/x-pack/plugins/spaces/public/views/management/components/__snapshots__/confirm_delete_modal.test.tsx.snap
@@ -112,6 +112,7 @@ exports[`ConfirmDeleteModal renders as expected 1`] = `
         iconSide="left"
         isLoading={false}
         onClick={[Function]}
+        size="m"
         type="button"
       >
         <FormattedMessage
diff --git a/x-pack/plugins/spaces/public/views/management/edit_space/__snapshots__/delete_spaces_button.test.tsx.snap b/x-pack/plugins/spaces/public/views/management/edit_space/__snapshots__/delete_spaces_button.test.tsx.snap
index 554bf9a26ef91..367568be02a60 100644
--- a/x-pack/plugins/spaces/public/views/management/edit_space/__snapshots__/delete_spaces_button.test.tsx.snap
+++ b/x-pack/plugins/spaces/public/views/management/edit_space/__snapshots__/delete_spaces_button.test.tsx.snap
@@ -8,6 +8,7 @@ exports[`DeleteSpacesButton renders as expected 1`] = `
     fill={false}
     iconSide="left"
     onClick={[Function]}
+    size="m"
     type="button"
   >
     <FormattedMessage
diff --git a/x-pack/plugins/spaces/public/views/management/spaces_grid/__snapshots__/spaces_grid_pages.test.tsx.snap b/x-pack/plugins/spaces/public/views/management/spaces_grid/__snapshots__/spaces_grid_pages.test.tsx.snap
index b6b6a4c8d9154..07a6ddd9c0bab 100644
--- a/x-pack/plugins/spaces/public/views/management/spaces_grid/__snapshots__/spaces_grid_pages.test.tsx.snap
+++ b/x-pack/plugins/spaces/public/views/management/spaces_grid/__snapshots__/spaces_grid_pages.test.tsx.snap
@@ -44,6 +44,7 @@ exports[`SpacesGridPage renders as expected 1`] = `
           fill={true}
           iconSide="left"
           onClick={[Function]}
+          size="m"
           type="button"
         >
           <FormattedMessage
diff --git a/x-pack/plugins/upgrade_assistant/public/components/tabs/checkup/deprecations/reindex/flyout/__snapshots__/checklist_step.test.tsx.snap b/x-pack/plugins/upgrade_assistant/public/components/tabs/checkup/deprecations/reindex/flyout/__snapshots__/checklist_step.test.tsx.snap
index b21c7c1361c4f..170d668a027ac 100644
--- a/x-pack/plugins/upgrade_assistant/public/components/tabs/checkup/deprecations/reindex/flyout/__snapshots__/checklist_step.test.tsx.snap
+++ b/x-pack/plugins/upgrade_assistant/public/components/tabs/checkup/deprecations/reindex/flyout/__snapshots__/checklist_step.test.tsx.snap
@@ -92,6 +92,7 @@ exports[`ChecklistFlyout renders 1`] = `
           iconSide="left"
           isLoading={false}
           onClick={[MockFunction]}
+          size="m"
           type="button"
         >
           <FormattedMessage
diff --git a/x-pack/plugins/upgrade_assistant/public/components/tabs/checkup/deprecations/reindex/flyout/__snapshots__/warning_step.test.tsx.snap b/x-pack/plugins/upgrade_assistant/public/components/tabs/checkup/deprecations/reindex/flyout/__snapshots__/warning_step.test.tsx.snap
index 9d1876bc82f3e..d26000cae2f4e 100644
--- a/x-pack/plugins/upgrade_assistant/public/components/tabs/checkup/deprecations/reindex/flyout/__snapshots__/warning_step.test.tsx.snap
+++ b/x-pack/plugins/upgrade_assistant/public/components/tabs/checkup/deprecations/reindex/flyout/__snapshots__/warning_step.test.tsx.snap
@@ -118,6 +118,7 @@ exports[`WarningsFlyoutStep renders 1`] = `
           fill={true}
           iconSide="left"
           onClick={[MockFunction]}
+          size="m"
           type="button"
         >
           <FormattedMessage
diff --git a/yarn.lock b/yarn.lock
index 02497b1e5a655..13368ba19387a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -785,36 +785,10 @@
     tabbable "^1.1.0"
     uuid "^3.1.0"
 
-"@elastic/eui@9.4.0":
-  version "9.4.0"
-  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-9.4.0.tgz#e5f83c612674fc6f59e990f557e563be1409d25e"
-  integrity sha512-cQnsU3UeQ1s6F427vY53lzlh7mvNoPmIvPL24B5jH3JYaWULhIL1xSJXJgDSOSdrdHCxkXDD9Q8Y7256x4Xf4Q==
-  dependencies:
-    "@types/lodash" "^4.14.116"
-    "@types/numeral" "^0.0.25"
-    classnames "^2.2.5"
-    core-js "^2.5.1"
-    highlight.js "^9.12.0"
-    html "^1.0.0"
-    keymirror "^0.1.1"
-    lodash "^4.17.11"
-    numeral "^2.0.6"
-    prop-types "^15.6.0"
-    react-ace "^5.5.0"
-    react-color "^2.13.8"
-    react-focus-lock "^1.17.7"
-    react-input-autosize "^2.2.1"
-    react-is "~16.3.0"
-    react-virtualized "^9.18.5"
-    react-vis "1.10.2"
-    resize-observer-polyfill "^1.5.0"
-    tabbable "^1.1.0"
-    uuid "^3.1.0"
-
-"@elastic/eui@9.4.2":
-  version "9.4.2"
-  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-9.4.2.tgz#530ec18f9b1cb3972824a707cc0cb3005c6c5028"
-  integrity sha512-2fH+WiYYq1tPn5mEvg5NR5b9TjVYY0cM26HPERMRMZyAenGFQtjhansO8qFlTl/MAYz5GsQ7ejgdtzu095opdw==
+"@elastic/eui@9.7.1":
+  version "9.7.1"
+  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-9.7.1.tgz#817b5018303a2c6160011e201a8d21fca2f3e47b"
+  integrity sha512-yYTnW1jqv586M8dD4TxTa/9wkj84gJuHeDh9F13z7XGeZ/clUN0XP43Y5Jzv80Q3M80VlEuTpABYMGpPqBAw8w==
   dependencies:
     "@types/lodash" "^4.14.116"
     "@types/numeral" "^0.0.25"