diff --git a/packages/eui/.loki/reference/chrome_desktop_Display_EuiDroppable_Clone_Draggables.png b/packages/eui/.loki/reference/chrome_desktop_Display_EuiDroppable_Clone_Draggables.png
index 936b870c32b..6f755d61ed0 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Display_EuiDroppable_Clone_Draggables.png and b/packages/eui/.loki/reference/chrome_desktop_Display_EuiDroppable_Clone_Draggables.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_High_Contrast.png b/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_High_Contrast.png
index 981ea42e9e3..3464f6ff66b 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_High_Contrast.png and b/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_High_Contrast.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_High_Contrast_Transparent.png b/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_High_Contrast_Transparent.png
index 019430f53f9..f26727e43bb 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_High_Contrast_Transparent.png and b/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_High_Contrast_Transparent.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_Page_Template.png b/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_Page_Template.png
index f72fcb20e10..fe7f76fbeb0 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_Page_Template.png and b/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_Page_Template.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_Playground.png
index e72be7d8fcd..3dbe387ce57 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_Playground.png and b/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Display_EuiTour_EuiTour_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Display_EuiTour_EuiTour_Playground.png
index 3a7f7bc884d..d14aec544bc 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Display_EuiTour_EuiTour_Playground.png and b/packages/eui/.loki/reference/chrome_desktop_Display_EuiTour_EuiTour_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Editors_Syntax_EuiMarkdownFormat_High_Contrast.png b/packages/eui/.loki/reference/chrome_desktop_Editors_Syntax_EuiMarkdownFormat_High_Contrast.png
index 7e174e107e1..1cbace9c85b 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Editors_Syntax_EuiMarkdownFormat_High_Contrast.png and b/packages/eui/.loki/reference/chrome_desktop_Editors_Syntax_EuiMarkdownFormat_High_Contrast.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Editors_Syntax_EuiMarkdownFormat_Kitchen_Sink.png b/packages/eui/.loki/reference/chrome_desktop_Editors_Syntax_EuiMarkdownFormat_Kitchen_Sink.png
index 6a9e50240c8..ecfc0f989ed 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Editors_Syntax_EuiMarkdownFormat_Kitchen_Sink.png and b/packages/eui/.loki/reference/chrome_desktop_Editors_Syntax_EuiMarkdownFormat_Kitchen_Sink.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Editors_Syntax_EuiMarkdownFormat_Text_Props.png b/packages/eui/.loki/reference/chrome_desktop_Editors_Syntax_EuiMarkdownFormat_Text_Props.png
index f64eec78494..10b15c3d907 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Editors_Syntax_EuiMarkdownFormat_Text_Props.png and b/packages/eui/.loki/reference/chrome_desktop_Editors_Syntax_EuiMarkdownFormat_Text_Props.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_Dark_Mode.png b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_Dark_Mode.png
index 0ec364006f0..65a5f1aabcb 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_Dark_Mode.png and b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_Dark_Mode.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_High_Contrast.png b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_High_Contrast.png
index 46d221c1193..5b5ec181c1e 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_High_Contrast.png and b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_High_Contrast.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_High_Contrast_Dark_Mode.png b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_High_Contrast_Dark_Mode.png
index c92bd5df260..5c8382ad8c9 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_High_Contrast_Dark_Mode.png and b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_High_Contrast_Dark_Mode.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_Kitchen_Sink.png b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_Kitchen_Sink.png
index 7606be013a6..f14390a1948 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_Kitchen_Sink.png and b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_Kitchen_Sink.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiForm_EuiFormRow_Inline_Layout.png b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiForm_EuiFormRow_Inline_Layout.png
index cdfe093eabb..6827d4480cf 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiForm_EuiFormRow_Inline_Layout.png and b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiForm_EuiFormRow_Inline_Layout.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSearchBar_EuiSearchBar_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSearchBar_EuiSearchBar_Playground.png
index f19e27db383..1dfe69d91c6 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSearchBar_EuiSearchBar_Playground.png and b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSearchBar_EuiSearchBar_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Collapsed_Quick_Select_Only.png b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Collapsed_Quick_Select_Only.png
index a4bd3c5eff7..786888f9b59 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Collapsed_Quick_Select_Only.png and b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Collapsed_Quick_Select_Only.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Quick_Select_Only.png b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Quick_Select_Only.png
index 9b0c26ffaf2..52701f4a54c 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Quick_Select_Only.png and b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Quick_Select_Only.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiFlyout_EuiFlyoutMenu_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiFlyout_EuiFlyoutMenu_Playground.png
new file mode 100644
index 00000000000..e046313a84e
Binary files /dev/null and b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiFlyout_EuiFlyoutMenu_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Legacy_Children_Only.png b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Legacy_Children_Only.png
index beba766149c..fdf60dd7432 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Legacy_Children_Only.png and b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Legacy_Children_Only.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Playground.png
index 1b508df5f80..d44cc2ef222 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Playground.png and b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_False.png b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_False.png
index 0bd42a4326b..01b94af6954 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_False.png and b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_False.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_Reverse.png b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_Reverse.png
index 0bd42a4326b..01b94af6954 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_Reverse.png and b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_Reverse.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Wrapping_Content.png b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Wrapping_Content.png
index fb1d5e5808d..2447b92acbe 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Wrapping_Content.png and b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Wrapping_Content.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeader_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeader_Playground.png
index b882bbd27f8..663256d7cc3 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeader_Playground.png and b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeader_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopover_High_Contrast_Mode.png b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopover_High_Contrast_Mode.png
index f95e026d275..c14001e85ca 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopover_High_Contrast_Mode.png and b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopover_High_Contrast_Mode.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopover_Panel_Padding_Size.png b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopover_Panel_Padding_Size.png
index 00be511f688..15535260081 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopover_Panel_Padding_Size.png and b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopover_Panel_Padding_Size.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopover_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopover_Playground.png
index b1e2c97f3cc..857da10991f 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopover_Playground.png and b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopover_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Navigation_EuiButtonGroup_Icon_Only.png b/packages/eui/.loki/reference/chrome_desktop_Navigation_EuiButtonGroup_Icon_Only.png
index 8ce7b1294b7..a7f427f8af5 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Navigation_EuiButtonGroup_Icon_Only.png and b/packages/eui/.loki/reference/chrome_desktop_Navigation_EuiButtonGroup_Icon_Only.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_EuiCollapsibleNav_Full_Header_Pattern.png b/packages/eui/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_EuiCollapsibleNav_Full_Header_Pattern.png
index 1561d4a0d19..0b42f405ae1 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_EuiCollapsibleNav_Full_Header_Pattern.png and b/packages/eui/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_EuiCollapsibleNav_Full_Header_Pattern.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Navigation_EuiTabbedContent_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Navigation_EuiTabbedContent_Playground.png
index 500932320d8..18cc68c973f 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Navigation_EuiTabbedContent_Playground.png and b/packages/eui/.loki/reference/chrome_desktop_Navigation_EuiTabbedContent_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiDataGrid_Visible_Columns.png b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiDataGrid_Visible_Columns.png
index 83b56936d48..74cdadb8fe1 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiDataGrid_Visible_Columns.png and b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiDataGrid_Visible_Columns.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiInMemoryTable_Kitchen_Sink.png b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiInMemoryTable_Kitchen_Sink.png
index 75cd8cbb444..72c08f23a5f 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiInMemoryTable_Kitchen_Sink.png and b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiInMemoryTable_Kitchen_Sink.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableFooter_EuiTableFooterCell_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableFooter_EuiTableFooterCell_Playground.png
index 2f7762c3bcc..677a06580b4 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableFooter_EuiTableFooterCell_Playground.png and b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableFooter_EuiTableFooterCell_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableFooter_EuiTableFooter_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableFooter_EuiTableFooter_Playground.png
index 7bbe5d64e75..42586cb5eeb 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableFooter_EuiTableFooter_Playground.png and b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableFooter_EuiTableFooter_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTable_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTable_Playground.png
index 512ce3a7f3f..5e61312dccc 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTable_Playground.png and b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTable_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Templates_EuiPageTemplate_Dark_Mode.png b/packages/eui/.loki/reference/chrome_desktop_Templates_EuiPageTemplate_Dark_Mode.png
index 6fee4e9d2b0..b4024903066 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Templates_EuiPageTemplate_Dark_Mode.png and b/packages/eui/.loki/reference/chrome_desktop_Templates_EuiPageTemplate_Dark_Mode.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Templates_EuiPageTemplate_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Templates_EuiPageTemplate_Playground.png
index 5cb8ac2386b..84aa2f11c6e 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Templates_EuiPageTemplate_Playground.png and b/packages/eui/.loki/reference/chrome_desktop_Templates_EuiPageTemplate_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Utilities_EuiInnerText_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Utilities_EuiInnerText_Playground.png
index d9de5387fa7..04ea41819df 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Utilities_EuiInnerText_Playground.png and b/packages/eui/.loki/reference/chrome_desktop_Utilities_EuiInnerText_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Utilities_EuiMutationObserver_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Utilities_EuiMutationObserver_Playground.png
index 53c56dfd21f..18cc0d26a2f 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Utilities_EuiMutationObserver_Playground.png and b/packages/eui/.loki/reference/chrome_desktop_Utilities_EuiMutationObserver_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Utilities_EuiPortal_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Utilities_EuiPortal_Playground.png
index 242710a00f0..8429e3dd595 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Utilities_EuiPortal_Playground.png and b/packages/eui/.loki/reference/chrome_desktop_Utilities_EuiPortal_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Utilities_EuiResizeObserver_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Utilities_EuiResizeObserver_Playground.png
index 1bd747f258f..7674f5de8f7 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Utilities_EuiResizeObserver_Playground.png and b/packages/eui/.loki/reference/chrome_desktop_Utilities_EuiResizeObserver_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Display_EuiDroppable_Clone_Draggables.png b/packages/eui/.loki/reference/chrome_mobile_Display_EuiDroppable_Clone_Draggables.png
index 0f8aec8a21c..4fea2fa3de8 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Display_EuiDroppable_Clone_Draggables.png and b/packages/eui/.loki/reference/chrome_mobile_Display_EuiDroppable_Clone_Draggables.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_High_Contrast.png b/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_High_Contrast.png
index 340bba65cfa..cd12da2de8e 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_High_Contrast.png and b/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_High_Contrast.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_High_Contrast_Transparent.png b/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_High_Contrast_Transparent.png
index fbdf879bdca..ab3230f31c5 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_High_Contrast_Transparent.png and b/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_High_Contrast_Transparent.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_Page_Template.png b/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_Page_Template.png
index e1b4ead216a..e11fbf34809 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_Page_Template.png and b/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_Page_Template.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_Playground.png
index 5531291ec85..f8450897ed1 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_Playground.png and b/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Display_EuiTour_EuiTour_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Display_EuiTour_EuiTour_Playground.png
index 7f03445eb17..4dfd053f390 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Display_EuiTour_EuiTour_Playground.png and b/packages/eui/.loki/reference/chrome_mobile_Display_EuiTour_EuiTour_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Editors_Syntax_EuiMarkdownFormat_High_Contrast.png b/packages/eui/.loki/reference/chrome_mobile_Editors_Syntax_EuiMarkdownFormat_High_Contrast.png
index e7a78d95680..ef42fcff7b4 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Editors_Syntax_EuiMarkdownFormat_High_Contrast.png and b/packages/eui/.loki/reference/chrome_mobile_Editors_Syntax_EuiMarkdownFormat_High_Contrast.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Editors_Syntax_EuiMarkdownFormat_Kitchen_Sink.png b/packages/eui/.loki/reference/chrome_mobile_Editors_Syntax_EuiMarkdownFormat_Kitchen_Sink.png
index d45c1f8681f..dcf61be5ebf 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Editors_Syntax_EuiMarkdownFormat_Kitchen_Sink.png and b/packages/eui/.loki/reference/chrome_mobile_Editors_Syntax_EuiMarkdownFormat_Kitchen_Sink.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Editors_Syntax_EuiMarkdownFormat_Text_Props.png b/packages/eui/.loki/reference/chrome_mobile_Editors_Syntax_EuiMarkdownFormat_Text_Props.png
index f8993a2c6d1..c95fb835cc8 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Editors_Syntax_EuiMarkdownFormat_Text_Props.png and b/packages/eui/.loki/reference/chrome_mobile_Editors_Syntax_EuiMarkdownFormat_Text_Props.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_Dark_Mode.png b/packages/eui/.loki/reference/chrome_mobile_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_Dark_Mode.png
index c4d1b1be85b..12b63eaccd3 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_Dark_Mode.png and b/packages/eui/.loki/reference/chrome_mobile_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_Dark_Mode.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_High_Contrast.png b/packages/eui/.loki/reference/chrome_mobile_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_High_Contrast.png
index 6afb16e92bf..be1855db8ea 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_High_Contrast.png and b/packages/eui/.loki/reference/chrome_mobile_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_High_Contrast.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_High_Contrast_Dark_Mode.png b/packages/eui/.loki/reference/chrome_mobile_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_High_Contrast_Dark_Mode.png
index 9eccd71b4d4..d9450c9961d 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_High_Contrast_Dark_Mode.png and b/packages/eui/.loki/reference/chrome_mobile_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_High_Contrast_Dark_Mode.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_Kitchen_Sink.png b/packages/eui/.loki/reference/chrome_mobile_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_Kitchen_Sink.png
index e4579654f70..41c349ea4fa 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_Kitchen_Sink.png and b/packages/eui/.loki/reference/chrome_mobile_Forms_EuiColorPalettePicker_EuiColorPaletteDisplay_Kitchen_Sink.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Forms_EuiForm_EuiFormRow_Inline_Layout.png b/packages/eui/.loki/reference/chrome_mobile_Forms_EuiForm_EuiFormRow_Inline_Layout.png
index 4f2b98f7728..c254ceb5bd5 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Forms_EuiForm_EuiFormRow_Inline_Layout.png and b/packages/eui/.loki/reference/chrome_mobile_Forms_EuiForm_EuiFormRow_Inline_Layout.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Forms_EuiSearchBar_EuiSearchBar_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Forms_EuiSearchBar_EuiSearchBar_Playground.png
index ded57a954a3..99683eabbc0 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Forms_EuiSearchBar_EuiSearchBar_Playground.png and b/packages/eui/.loki/reference/chrome_mobile_Forms_EuiSearchBar_EuiSearchBar_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Collapsed_Quick_Select_Only.png b/packages/eui/.loki/reference/chrome_mobile_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Collapsed_Quick_Select_Only.png
index c56fe13d6b0..4888f4afa51 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Collapsed_Quick_Select_Only.png and b/packages/eui/.loki/reference/chrome_mobile_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Collapsed_Quick_Select_Only.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Quick_Select_Only.png b/packages/eui/.loki/reference/chrome_mobile_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Quick_Select_Only.png
index 3218d9975fd..00f47f2d34e 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Quick_Select_Only.png and b/packages/eui/.loki/reference/chrome_mobile_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Quick_Select_Only.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiFlyout_EuiFlyoutMenu_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiFlyout_EuiFlyoutMenu_Playground.png
new file mode 100644
index 00000000000..2cc58ff48e2
Binary files /dev/null and b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiFlyout_EuiFlyoutMenu_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiHeader_EuiHeaderAlert_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiHeader_EuiHeaderAlert_Playground.png
index 674b1650c41..53840f02903 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiHeader_EuiHeaderAlert_Playground.png and b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiHeader_EuiHeaderAlert_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Legacy_Children_Only.png b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Legacy_Children_Only.png
index 9ff920f7ca3..992e0337537 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Legacy_Children_Only.png and b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Legacy_Children_Only.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Playground.png
index a466c63ff0e..7aa488ff0bc 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Playground.png and b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_False.png b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_False.png
index 7cc0e460b34..1ecd7b65300 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_False.png and b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_False.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_Reverse.png b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_Reverse.png
index 99bd2a4ad15..e5ce2b98e8a 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_Reverse.png and b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_Reverse.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Wrapping_Content.png b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Wrapping_Content.png
index b8cffbcd5ba..b8049796e9c 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Wrapping_Content.png and b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Wrapping_Content.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeader_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeader_Playground.png
index 93f68d095ca..ee47a8a7dac 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeader_Playground.png and b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeader_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPopover_EuiPopover_Panel_Padding_Size.png b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPopover_EuiPopover_Panel_Padding_Size.png
index d53071085cb..7085d0b3159 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPopover_EuiPopover_Panel_Padding_Size.png and b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPopover_EuiPopover_Panel_Padding_Size.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Navigation_EuiButtonGroup_Icon_Only.png b/packages/eui/.loki/reference/chrome_mobile_Navigation_EuiButtonGroup_Icon_Only.png
index 4c10eaf42d7..7ccb6b401b0 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Navigation_EuiButtonGroup_Icon_Only.png and b/packages/eui/.loki/reference/chrome_mobile_Navigation_EuiButtonGroup_Icon_Only.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_EuiCollapsibleNav_Full_Header_Pattern.png b/packages/eui/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_EuiCollapsibleNav_Full_Header_Pattern.png
index db2f83f82d7..9891f40b81c 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_EuiCollapsibleNav_Full_Header_Pattern.png and b/packages/eui/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_EuiCollapsibleNav_Full_Header_Pattern.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Navigation_EuiTabbedContent_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Navigation_EuiTabbedContent_Playground.png
index 9d626c4784e..07c224af232 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Navigation_EuiTabbedContent_Playground.png and b/packages/eui/.loki/reference/chrome_mobile_Navigation_EuiTabbedContent_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiInMemoryTable_Kitchen_Sink.png b/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiInMemoryTable_Kitchen_Sink.png
index ba604cc2a21..ebdf59b0810 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiInMemoryTable_Kitchen_Sink.png and b/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiInMemoryTable_Kitchen_Sink.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableFooter_EuiTableFooterCell_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableFooter_EuiTableFooterCell_Playground.png
index e5b8459ff3c..243ee410c42 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableFooter_EuiTableFooterCell_Playground.png and b/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableFooter_EuiTableFooterCell_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableFooter_EuiTableFooter_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableFooter_EuiTableFooter_Playground.png
index 6c367469701..390618d1ea8 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableFooter_EuiTableFooter_Playground.png and b/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableFooter_EuiTableFooter_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Templates_EuiPageTemplate_Dark_Mode.png b/packages/eui/.loki/reference/chrome_mobile_Templates_EuiPageTemplate_Dark_Mode.png
index e32192c7a8b..47d87f65abe 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Templates_EuiPageTemplate_Dark_Mode.png and b/packages/eui/.loki/reference/chrome_mobile_Templates_EuiPageTemplate_Dark_Mode.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Templates_EuiPageTemplate_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Templates_EuiPageTemplate_Playground.png
index 801ae5fb8a3..ec8c6025b60 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Templates_EuiPageTemplate_Playground.png and b/packages/eui/.loki/reference/chrome_mobile_Templates_EuiPageTemplate_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Utilities_EuiInnerText_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Utilities_EuiInnerText_Playground.png
index 03cea0dbd4e..75f4e3420da 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Utilities_EuiInnerText_Playground.png and b/packages/eui/.loki/reference/chrome_mobile_Utilities_EuiInnerText_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Utilities_EuiMutationObserver_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Utilities_EuiMutationObserver_Playground.png
index 127a46f0723..4e663922eed 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Utilities_EuiMutationObserver_Playground.png and b/packages/eui/.loki/reference/chrome_mobile_Utilities_EuiMutationObserver_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Utilities_EuiPortal_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Utilities_EuiPortal_Playground.png
index deb19c201ec..f08788d5c67 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Utilities_EuiPortal_Playground.png and b/packages/eui/.loki/reference/chrome_mobile_Utilities_EuiPortal_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Utilities_EuiResizeObserver_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Utilities_EuiResizeObserver_Playground.png
index 4c9d2bdd4cc..f3afd69f2bb 100644
Binary files a/packages/eui/.loki/reference/chrome_mobile_Utilities_EuiResizeObserver_Playground.png and b/packages/eui/.loki/reference/chrome_mobile_Utilities_EuiResizeObserver_Playground.png differ
diff --git a/packages/eui/changelogs/upcoming/9132.md b/packages/eui/changelogs/upcoming/9132.md
new file mode 100644
index 00000000000..56a99792096
--- /dev/null
+++ b/packages/eui/changelogs/upcoming/9132.md
@@ -0,0 +1,6 @@
+- Updated EuiFlexGroup's `gutterSize` from `l` to `m`
+- Updated EuiSpacer's `size` from `l` to `m`
+- Updated EuiHorizontalRule's `margin` from `l` to `m`
+- Updated EuiPageHeader's tab `size` from `l` to `m`
+- Updated EuiEmptyPrompt's spacer `size` between title and text from `m` to `s`
+- Updated EuiSearchBar's `gutterSize` from `m` to `s`
diff --git a/packages/eui/src/components/color_picker/color_palette_picker/__snapshots__/color_palette_picker.test.tsx.snap b/packages/eui/src/components/color_picker/color_palette_picker/__snapshots__/color_palette_picker.test.tsx.snap
index de0d3796d0e..b3051b5c44f 100644
--- a/packages/eui/src/components/color_picker/color_palette_picker/__snapshots__/color_palette_picker.test.tsx.snap
+++ b/packages/eui/src/components/color_picker/color_palette_picker/__snapshots__/color_palette_picker.test.tsx.snap
@@ -427,7 +427,7 @@ exports[`EuiColorPalettePicker more props are propagated to each option 1`] = `
                     class="euiColorPalettePicker__item"
                   >
                     <div
-                      class="euiFlexGroup emotion-euiFlexGroup-l-flexStart-stretch-row"
+                      class="euiFlexGroup emotion-euiFlexGroup-m-flexStart-stretch-row"
                     >
                       <div
                         class="euiFlexItem emotion-euiFlexItem-grow-1"
@@ -495,7 +495,7 @@ exports[`EuiColorPalettePicker more props are propagated to each option 1`] = `
                     class="euiColorPalettePicker__item"
                   >
                     <div
-                      class="euiFlexGroup emotion-euiFlexGroup-l-flexStart-stretch-row"
+                      class="euiFlexGroup emotion-euiFlexGroup-m-flexStart-stretch-row"
                     >
                       <div
                         class="euiFlexItem emotion-euiFlexItem-grow-1"
@@ -543,7 +543,7 @@ exports[`EuiColorPalettePicker more props are propagated to each option 1`] = `
                     class="euiColorPalettePicker__item"
                   >
                     <div
-                      class="euiFlexGroup emotion-euiFlexGroup-l-flexStart-stretch-row"
+                      class="euiFlexGroup emotion-euiFlexGroup-m-flexStart-stretch-row"
                     >
                       <div
                         class="euiFlexItem emotion-euiFlexItem-grow-1"
diff --git a/packages/eui/src/components/empty_prompt/__snapshots__/empty_prompt.test.tsx.snap b/packages/eui/src/components/empty_prompt/__snapshots__/empty_prompt.test.tsx.snap
index 847de3a3ef2..b739fe291ed 100644
--- a/packages/eui/src/components/empty_prompt/__snapshots__/empty_prompt.test.tsx.snap
+++ b/packages/eui/src/components/empty_prompt/__snapshots__/empty_prompt.test.tsx.snap
@@ -26,7 +26,7 @@ exports[`EuiEmptyPrompt is rendered 1`] = `
         Title
       </h2>
       <div
-        class="euiSpacer euiSpacer--m emotion-euiSpacer-m"
+        class="euiSpacer euiSpacer--s emotion-euiSpacer-s"
       />
       <div
         class="euiText emotion-euiText-m-euiTextColor-subdued"
diff --git a/packages/eui/src/components/empty_prompt/empty_prompt.tsx b/packages/eui/src/components/empty_prompt/empty_prompt.tsx
index d16fe9539fc..f50f7e689f7 100644
--- a/packages/eui/src/components/empty_prompt/empty_prompt.tsx
+++ b/packages/eui/src/components/empty_prompt/empty_prompt.tsx
@@ -186,7 +186,7 @@ export const EuiEmptyPrompt: FunctionComponent<EuiEmptyPromptProps> = ({
         {iconNode}
         <div className="euiEmptyPrompt__content" css={contentStyles}>
           {title && <EuiTitle size={titleSize}>{title}</EuiTitle>}
-          {title && body && <EuiSpacer size="m" />}
+          {title && body && <EuiSpacer size="s" />}
           {body && <EuiText color="subdued">{body}</EuiText>}
           {actionsNode && (body || title) && <EuiSpacer size="l" />}
           {actionsNode}
diff --git a/packages/eui/src/components/flex/__snapshots__/flex_group.test.tsx.snap b/packages/eui/src/components/flex/__snapshots__/flex_group.test.tsx.snap
index 955e8d38559..6ad71dde682 100644
--- a/packages/eui/src/components/flex/__snapshots__/flex_group.test.tsx.snap
+++ b/packages/eui/src/components/flex/__snapshots__/flex_group.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`EuiFlexGroup is rendered 1`] = `
 <div
   aria-label="aria-label"
-  class="euiFlexGroup testClass1 testClass2 emotion-euiFlexGroup-responsive-l-flexStart-stretch-row-euiTestCss"
+  class="euiFlexGroup testClass1 testClass2 emotion-euiFlexGroup-responsive-m-flexStart-stretch-row-euiTestCss"
   data-test-subj="test subject string"
 >
   <h2>
@@ -14,55 +14,55 @@ exports[`EuiFlexGroup is rendered 1`] = `
 
 exports[`EuiFlexGroup props alignItems baseline is rendered 1`] = `
 <div
-  class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-baseline-row"
+  class="euiFlexGroup emotion-euiFlexGroup-responsive-m-flexStart-baseline-row"
 />
 `;
 
 exports[`EuiFlexGroup props alignItems center is rendered 1`] = `
 <div
-  class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-center-row"
+  class="euiFlexGroup emotion-euiFlexGroup-responsive-m-flexStart-center-row"
 />
 `;
 
 exports[`EuiFlexGroup props alignItems flexEnd is rendered 1`] = `
 <div
-  class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-flexEnd-row"
+  class="euiFlexGroup emotion-euiFlexGroup-responsive-m-flexStart-flexEnd-row"
 />
 `;
 
 exports[`EuiFlexGroup props alignItems flexStart is rendered 1`] = `
 <div
-  class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-flexStart-row"
+  class="euiFlexGroup emotion-euiFlexGroup-responsive-m-flexStart-flexStart-row"
 />
 `;
 
 exports[`EuiFlexGroup props alignItems stretch is rendered 1`] = `
 <div
-  class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
+  class="euiFlexGroup emotion-euiFlexGroup-responsive-m-flexStart-stretch-row"
 />
 `;
 
 exports[`EuiFlexGroup props direction column is rendered 1`] = `
 <div
-  class="euiFlexGroup emotion-euiFlexGroup-l-flexStart-stretch-column"
+  class="euiFlexGroup emotion-euiFlexGroup-m-flexStart-stretch-column"
 />
 `;
 
 exports[`EuiFlexGroup props direction columnReverse is rendered 1`] = `
 <div
-  class="euiFlexGroup emotion-euiFlexGroup-l-flexStart-stretch-columnReverse"
+  class="euiFlexGroup emotion-euiFlexGroup-m-flexStart-stretch-columnReverse"
 />
 `;
 
 exports[`EuiFlexGroup props direction row is rendered 1`] = `
 <div
-  class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
+  class="euiFlexGroup emotion-euiFlexGroup-responsive-m-flexStart-stretch-row"
 />
 `;
 
 exports[`EuiFlexGroup props direction rowReverse is rendered 1`] = `
 <div
-  class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-rowReverse"
+  class="euiFlexGroup emotion-euiFlexGroup-responsive-m-flexStart-stretch-rowReverse"
 />
 `;
 
@@ -104,60 +104,60 @@ exports[`EuiFlexGroup props gutterSize xs is rendered 1`] = `
 
 exports[`EuiFlexGroup props justifyContent center is rendered 1`] = `
 <div
-  class="euiFlexGroup emotion-euiFlexGroup-responsive-l-center-stretch-row"
+  class="euiFlexGroup emotion-euiFlexGroup-responsive-m-center-stretch-row"
 />
 `;
 
 exports[`EuiFlexGroup props justifyContent flexEnd is rendered 1`] = `
 <div
-  class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexEnd-stretch-row"
+  class="euiFlexGroup emotion-euiFlexGroup-responsive-m-flexEnd-stretch-row"
 />
 `;
 
 exports[`EuiFlexGroup props justifyContent flexStart is rendered 1`] = `
 <div
-  class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
+  class="euiFlexGroup emotion-euiFlexGroup-responsive-m-flexStart-stretch-row"
 />
 `;
 
 exports[`EuiFlexGroup props justifyContent spaceAround is rendered 1`] = `
 <div
-  class="euiFlexGroup emotion-euiFlexGroup-responsive-l-spaceAround-stretch-row"
+  class="euiFlexGroup emotion-euiFlexGroup-responsive-m-spaceAround-stretch-row"
 />
 `;
 
 exports[`EuiFlexGroup props justifyContent spaceBetween is rendered 1`] = `
 <div
-  class="euiFlexGroup emotion-euiFlexGroup-responsive-l-spaceBetween-stretch-row"
+  class="euiFlexGroup emotion-euiFlexGroup-responsive-m-spaceBetween-stretch-row"
 />
 `;
 
 exports[`EuiFlexGroup props justifyContent spaceEvenly is rendered 1`] = `
 <div
-  class="euiFlexGroup emotion-euiFlexGroup-responsive-l-spaceEvenly-stretch-row"
+  class="euiFlexGroup emotion-euiFlexGroup-responsive-m-spaceEvenly-stretch-row"
 />
 `;
 
 exports[`EuiFlexGroup props responsive false is rendered 1`] = `
 <div
-  class="euiFlexGroup emotion-euiFlexGroup-l-flexStart-stretch-row"
+  class="euiFlexGroup emotion-euiFlexGroup-m-flexStart-stretch-row"
 />
 `;
 
 exports[`EuiFlexGroup props responsive true is rendered 1`] = `
 <div
-  class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
+  class="euiFlexGroup emotion-euiFlexGroup-responsive-m-flexStart-stretch-row"
 />
 `;
 
 exports[`EuiFlexGroup props wrap false is rendered 1`] = `
 <div
-  class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
+  class="euiFlexGroup emotion-euiFlexGroup-responsive-m-flexStart-stretch-row"
 />
 `;
 
 exports[`EuiFlexGroup props wrap true is rendered 1`] = `
 <div
-  class="euiFlexGroup emotion-euiFlexGroup-responsive-wrap-l-flexStart-stretch-row"
+  class="euiFlexGroup emotion-euiFlexGroup-responsive-wrap-m-flexStart-stretch-row"
 />
 `;
diff --git a/packages/eui/src/components/flex/flex_group.tsx b/packages/eui/src/components/flex/flex_group.tsx
index 017ddae0bd3..080255706c6 100644
--- a/packages/eui/src/components/flex/flex_group.tsx
+++ b/packages/eui/src/components/flex/flex_group.tsx
@@ -81,7 +81,7 @@ const EuiFlexGroupInternal = <TComponent extends ElementType>(
   {
     className,
     component = 'div' as TComponent,
-    gutterSize = 'l',
+    gutterSize = 'm',
     alignItems = 'stretch',
     responsive = true,
     justifyContent = 'flexStart',
diff --git a/packages/eui/src/components/flyout/flyout_menu.stories.tsx b/packages/eui/src/components/flyout/flyout_menu.stories.tsx
index b8e631fd933..12f67f02f53 100644
--- a/packages/eui/src/components/flyout/flyout_menu.stories.tsx
+++ b/packages/eui/src/components/flyout/flyout_menu.stories.tsx
@@ -10,6 +10,7 @@ import React, { useState } from 'react';
 
 import { action } from '@storybook/addon-actions';
 import { Meta, StoryObj } from '@storybook/react';
+import { LOKI_SELECTORS } from '../../../.storybook/loki';
 import { EuiButton } from '../button';
 import { EuiSpacer } from '../spacer';
 import { EuiText } from '../text';
@@ -133,5 +134,10 @@ const MenuBarFlyout = (args: Args) => {
 
 export const MenuBarExample: StoryObj<Args> = {
   name: 'Playground',
+  parameters: {
+    loki: {
+      chromeSelector: LOKI_SELECTORS.portal,
+    },
+  },
   render: (args) => <MenuBarFlyout {...args} />,
 };
diff --git a/packages/eui/src/components/header/header_alert/__snapshots__/header_alert.test.tsx.snap b/packages/eui/src/components/header/header_alert/__snapshots__/header_alert.test.tsx.snap
index 9cc469c1df8..5d1bb80ddab 100644
--- a/packages/eui/src/components/header/header_alert/__snapshots__/header_alert.test.tsx.snap
+++ b/packages/eui/src/components/header/header_alert/__snapshots__/header_alert.test.tsx.snap
@@ -8,7 +8,7 @@ exports[`EuiHeaderAlert renders action 1`] = `
   data-test-subj="test subject string"
 >
   <div
-    class="euiFlexGroup emotion-euiFlexGroup-responsive-l-spaceBetween-stretch-row"
+    class="euiFlexGroup emotion-euiFlexGroup-responsive-m-spaceBetween-stretch-row"
   >
     <div
       class="euiFlexItem emotion-euiFlexItem-grow-1"
@@ -47,7 +47,7 @@ exports[`EuiHeaderAlert renders badge 1`] = `
   data-test-subj="test subject string"
 >
   <div
-    class="euiFlexGroup emotion-euiFlexGroup-responsive-l-spaceBetween-stretch-row"
+    class="euiFlexGroup emotion-euiFlexGroup-responsive-m-spaceBetween-stretch-row"
   >
     <div
       class="euiFlexItem emotion-euiFlexItem-grow-1"
@@ -97,7 +97,7 @@ exports[`EuiHeaderAlert renders text 1`] = `
   data-test-subj="test subject string"
 >
   <div
-    class="euiFlexGroup emotion-euiFlexGroup-responsive-l-spaceBetween-stretch-row"
+    class="euiFlexGroup emotion-euiFlexGroup-responsive-m-spaceBetween-stretch-row"
   >
     <div
       class="euiFlexItem emotion-euiFlexItem-grow-1"
@@ -133,7 +133,7 @@ exports[`EuiHeaderAlert renders title and date 1`] = `
   data-test-subj="test subject string"
 >
   <div
-    class="euiFlexGroup emotion-euiFlexGroup-responsive-l-spaceBetween-stretch-row"
+    class="euiFlexGroup emotion-euiFlexGroup-responsive-m-spaceBetween-stretch-row"
   >
     <div
       class="euiFlexItem emotion-euiFlexItem-grow-1"
diff --git a/packages/eui/src/components/horizontal_rule/__snapshots__/horizontal_rule.test.tsx.snap b/packages/eui/src/components/horizontal_rule/__snapshots__/horizontal_rule.test.tsx.snap
index 122adf20d6f..701c0fbd1c2 100644
--- a/packages/eui/src/components/horizontal_rule/__snapshots__/horizontal_rule.test.tsx.snap
+++ b/packages/eui/src/components/horizontal_rule/__snapshots__/horizontal_rule.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`EuiHorizontalRule is rendered 1`] = `
 <hr
   aria-label="aria-label"
-  class="euiHorizontalRule testClass1 testClass2 emotion-euiHorizontalRule-full-l-euiTestCss"
+  class="euiHorizontalRule testClass1 testClass2 emotion-euiHorizontalRule-full-m-euiTestCss"
   data-test-subj="test subject string"
 />
 `;
diff --git a/packages/eui/src/components/horizontal_rule/horizontal_rule.tsx b/packages/eui/src/components/horizontal_rule/horizontal_rule.tsx
index 9313d960911..61264dd08aa 100644
--- a/packages/eui/src/components/horizontal_rule/horizontal_rule.tsx
+++ b/packages/eui/src/components/horizontal_rule/horizontal_rule.tsx
@@ -32,7 +32,7 @@ export interface EuiHorizontalRuleProps
 export const EuiHorizontalRule: FunctionComponent<EuiHorizontalRuleProps> = ({
   className,
   size = 'full',
-  margin = 'l',
+  margin = 'm',
   ...rest
 }) => {
   const classes = classNames('euiHorizontalRule', className);
diff --git a/packages/eui/src/components/page/page_header/__snapshots__/page_header.test.tsx.snap b/packages/eui/src/components/page/page_header/__snapshots__/page_header.test.tsx.snap
index 67138da17e1..077ab91e6f8 100644
--- a/packages/eui/src/components/page/page_header/__snapshots__/page_header.test.tsx.snap
+++ b/packages/eui/src/components/page/page_header/__snapshots__/page_header.test.tsx.snap
@@ -289,7 +289,7 @@ exports[`EuiPageHeader props page content props are passed down is rendered 1`]
           Page title
         </h1>
         <div
-          class="euiSpacer euiSpacer--l emotion-euiSpacer-l"
+          class="euiSpacer euiSpacer--m emotion-euiSpacer-m"
         />
         <div
           class="euiText emotion-euiText-constrainedWidth-m"
@@ -299,7 +299,7 @@ exports[`EuiPageHeader props page content props are passed down is rendered 1`]
           </p>
         </div>
         <div
-          class="euiSpacer euiSpacer--l emotion-euiSpacer-l"
+          class="euiSpacer euiSpacer--m emotion-euiSpacer-m"
         />
         <p>
           Anything
@@ -330,11 +330,11 @@ exports[`EuiPageHeader props page content props are passed down is rendered 1`]
       class="euiPageHeaderContent__bottom"
     >
       <div
-        class="euiSpacer euiSpacer--l emotion-euiSpacer-l"
+        class="euiSpacer euiSpacer--m emotion-euiSpacer-m"
       />
       <div
         aria-label="aria-label"
-        class="euiTabs testClass1 testClass2 emotion-euiTabs-l-euiTestCss"
+        class="euiTabs testClass1 testClass2 emotion-euiTabs-m-euiTestCss"
         data-test-subj="test subject string"
         role="tablist"
       >
@@ -346,7 +346,7 @@ exports[`EuiPageHeader props page content props are passed down is rendered 1`]
           type="button"
         >
           <span
-            class="euiTab__content eui-textTruncate emotion-euiTab__content-l"
+            class="euiTab__content eui-textTruncate emotion-euiTab__content-m"
           >
             Tab 1
           </span>
@@ -359,7 +359,7 @@ exports[`EuiPageHeader props page content props are passed down is rendered 1`]
           type="button"
         >
           <span
-            class="euiTab__content eui-textTruncate emotion-euiTab__content-l"
+            class="euiTab__content eui-textTruncate emotion-euiTab__content-m"
           >
             Tab 2
           </span>
diff --git a/packages/eui/src/components/page/page_header/__snapshots__/page_header_content.test.tsx.snap b/packages/eui/src/components/page/page_header/__snapshots__/page_header_content.test.tsx.snap
index bb303c77089..e1283d6e5a2 100644
--- a/packages/eui/src/components/page/page_header/__snapshots__/page_header_content.test.tsx.snap
+++ b/packages/eui/src/components/page/page_header/__snapshots__/page_header_content.test.tsx.snap
@@ -263,7 +263,7 @@ exports[`EuiPageHeaderContent props children is rendered even if content props a
         Page title
       </h1>
       <div
-        class="euiSpacer euiSpacer--l emotion-euiSpacer-l"
+        class="euiSpacer euiSpacer--m emotion-euiSpacer-m"
       />
       Child
     </div>
@@ -290,10 +290,10 @@ exports[`EuiPageHeaderContent props children is rendered even if content props a
     class="euiPageHeaderContent__bottom"
   >
     <div
-      class="euiSpacer euiSpacer--l emotion-euiSpacer-l"
+      class="euiSpacer euiSpacer--m emotion-euiSpacer-m"
     />
     <div
-      class="euiTabs emotion-euiTabs-l"
+      class="euiTabs emotion-euiTabs-m"
       role="tablist"
     >
       <button
@@ -304,7 +304,7 @@ exports[`EuiPageHeaderContent props children is rendered even if content props a
         type="button"
       >
         <span
-          class="euiTab__content eui-textTruncate emotion-euiTab__content-l"
+          class="euiTab__content eui-textTruncate emotion-euiTab__content-m"
         >
           Tab 1
         </span>
@@ -317,7 +317,7 @@ exports[`EuiPageHeaderContent props children is rendered even if content props a
         type="button"
       >
         <span
-          class="euiTab__content eui-textTruncate emotion-euiTab__content-l"
+          class="euiTab__content eui-textTruncate emotion-euiTab__content-m"
         >
           Tab 2
         </span>
@@ -552,7 +552,7 @@ exports[`EuiPageHeaderContent props tabs is rendered 1`] = `
         Tab 1
       </h1>
       <div
-        class="euiTabs emotion-euiTabs-l"
+        class="euiTabs emotion-euiTabs-m"
         role="tablist"
       >
         <button
@@ -563,7 +563,7 @@ exports[`EuiPageHeaderContent props tabs is rendered 1`] = `
           type="button"
         >
           <span
-            class="euiTab__content eui-textTruncate emotion-euiTab__content-l"
+            class="euiTab__content eui-textTruncate emotion-euiTab__content-m"
           >
             Tab 1
           </span>
@@ -576,7 +576,7 @@ exports[`EuiPageHeaderContent props tabs is rendered 1`] = `
           type="button"
         >
           <span
-            class="euiTab__content eui-textTruncate emotion-euiTab__content-l"
+            class="euiTab__content eui-textTruncate emotion-euiTab__content-m"
           >
             Tab 2
           </span>
@@ -604,7 +604,7 @@ exports[`EuiPageHeaderContent props tabs is rendered with tabsProps 1`] = `
       </h1>
       <div
         aria-label="aria-label"
-        class="euiTabs testClass1 testClass2 emotion-euiTabs-l-euiTestCss"
+        class="euiTabs testClass1 testClass2 emotion-euiTabs-m-euiTestCss"
         data-test-subj="test subject string"
         role="tablist"
       >
@@ -616,7 +616,7 @@ exports[`EuiPageHeaderContent props tabs is rendered with tabsProps 1`] = `
           type="button"
         >
           <span
-            class="euiTab__content eui-textTruncate emotion-euiTab__content-l"
+            class="euiTab__content eui-textTruncate emotion-euiTab__content-m"
           >
             Tab 1
           </span>
@@ -629,7 +629,7 @@ exports[`EuiPageHeaderContent props tabs is rendered with tabsProps 1`] = `
           type="button"
         >
           <span
-            class="euiTab__content eui-textTruncate emotion-euiTab__content-l"
+            class="euiTab__content eui-textTruncate emotion-euiTab__content-m"
           >
             Tab 2
           </span>
diff --git a/packages/eui/src/components/page/page_header/page_header_content.tsx b/packages/eui/src/components/page/page_header/page_header_content.tsx
index d15464e18fd..dcf32d73f4e 100644
--- a/packages/eui/src/components/page/page_header/page_header_content.tsx
+++ b/packages/eui/src/components/page/page_header/page_header_content.tsx
@@ -300,7 +300,7 @@ export const EuiPageHeaderContent: FunctionComponent<
       <>
         {pageTitleNode && <EuiSpacer />}
         {screenReaderPageTitle}
-        <EuiTabs {...tabsProps} bottomBorder={false} size="l">
+        <EuiTabs {...tabsProps} bottomBorder={false} size="m">
           {renderTabs()}
         </EuiTabs>
       </>
diff --git a/packages/eui/src/components/search_bar/__snapshots__/search_bar.test.tsx.snap b/packages/eui/src/components/search_bar/__snapshots__/search_bar.test.tsx.snap
index e785da4c540..8c5464045f0 100644
--- a/packages/eui/src/components/search_bar/__snapshots__/search_bar.test.tsx.snap
+++ b/packages/eui/src/components/search_bar/__snapshots__/search_bar.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`SearchBar render - box 1`] = `
 <div
-  class="euiFlexGroup emotion-euiFlexGroup-responsive-wrap-m-flexStart-center-row"
+  class="euiFlexGroup emotion-euiFlexGroup-responsive-wrap-s-flexStart-center-row"
 >
   <div
     class="euiFlexItem euiSearchBar__searchHolder emotion-euiFlexItem-grow-1-euiSearchBar__searchHolder"
@@ -43,7 +43,7 @@ exports[`SearchBar render - box 1`] = `
 
 exports[`SearchBar render - no config, no query 1`] = `
 <div
-  class="euiFlexGroup emotion-euiFlexGroup-responsive-wrap-m-flexStart-center-row"
+  class="euiFlexGroup emotion-euiFlexGroup-responsive-wrap-s-flexStart-center-row"
 >
   <div
     class="euiFlexItem euiSearchBar__searchHolder emotion-euiFlexItem-grow-1-euiSearchBar__searchHolder"
@@ -83,7 +83,7 @@ exports[`SearchBar render - no config, no query 1`] = `
 
 exports[`SearchBar render - provided query, filters 1`] = `
 <div
-  class="euiFlexGroup emotion-euiFlexGroup-responsive-wrap-m-flexStart-center-row"
+  class="euiFlexGroup emotion-euiFlexGroup-responsive-wrap-s-flexStart-center-row"
 >
   <div
     class="euiFlexItem euiSearchBar__searchHolder emotion-euiFlexItem-grow-1-euiSearchBar__searchHolder"
@@ -198,7 +198,7 @@ exports[`SearchBar render - provided query, filters 1`] = `
 
 exports[`SearchBar render - tools 1`] = `
 <div
-  class="euiFlexGroup emotion-euiFlexGroup-responsive-wrap-m-flexStart-center-row"
+  class="euiFlexGroup emotion-euiFlexGroup-responsive-wrap-s-flexStart-center-row"
 >
   <div
     class="euiFlexItem emotion-euiFlexItem-growZero"
diff --git a/packages/eui/src/components/search_bar/search_bar.tsx b/packages/eui/src/components/search_bar/search_bar.tsx
index c57ce764fd2..4c9730f417e 100644
--- a/packages/eui/src/components/search_bar/search_bar.tsx
+++ b/packages/eui/src/components/search_bar/search_bar.tsx
@@ -285,7 +285,7 @@ export class EuiSearchBar extends Component<EuiSearchBarProps, State> {
     return (
       <RenderWithEuiTheme>
         {(euiTheme) => (
-          <EuiFlexGroup gutterSize="m" alignItems="center" wrap>
+          <EuiFlexGroup gutterSize="s" alignItems="center" wrap>
             {toolsLeftEl}
             <EuiFlexItem
               className="euiSearchBar__searchHolder"
diff --git a/packages/eui/src/components/spacer/__snapshots__/spacer.test.tsx.snap b/packages/eui/src/components/spacer/__snapshots__/spacer.test.tsx.snap
index c36a888c1c5..a42eb2d2170 100644
--- a/packages/eui/src/components/spacer/__snapshots__/spacer.test.tsx.snap
+++ b/packages/eui/src/components/spacer/__snapshots__/spacer.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`EuiSpacer is rendered 1`] = `
 <div
   aria-label="aria-label"
-  class="euiSpacer euiSpacer--l testClass1 testClass2 emotion-euiSpacer-l-euiTestCss"
+  class="euiSpacer euiSpacer--m testClass1 testClass2 emotion-euiSpacer-m-euiTestCss"
   data-test-subj="test subject string"
 />
 `;
diff --git a/packages/eui/src/components/spacer/spacer.tsx b/packages/eui/src/components/spacer/spacer.tsx
index 29db6a61b6b..7f99b9617bb 100644
--- a/packages/eui/src/components/spacer/spacer.tsx
+++ b/packages/eui/src/components/spacer/spacer.tsx
@@ -24,7 +24,7 @@ export type EuiSpacerProps = HTMLAttributes<HTMLDivElement> &
 
 export const EuiSpacer: FunctionComponent<EuiSpacerProps> = ({
   className,
-  size = 'l',
+  size = 'm',
   ...rest
 }) => {
   const styles = useEuiMemoizedStyles(euiSpacerStyles);
diff --git a/packages/eui/src/components/tour/__snapshots__/tour_step.test.tsx.snap b/packages/eui/src/components/tour/__snapshots__/tour_step.test.tsx.snap
index 73848e8ae1b..6448edfd077 100644
--- a/packages/eui/src/components/tour/__snapshots__/tour_step.test.tsx.snap
+++ b/packages/eui/src/components/tour/__snapshots__/tour_step.test.tsx.snap
@@ -65,7 +65,7 @@ exports[`EuiTourStep renders 1`] = `
                 class="euiPopoverFooter euiTourFooter emotion-euiPopoverFooter-m-m-euiTourFooter"
               >
                 <div
-                  class="euiFlexGroup emotion-euiFlexGroup-l-flexEnd-center-row"
+                  class="euiFlexGroup emotion-euiFlexGroup-m-flexEnd-center-row"
                 >
                   <div
                     class="euiFlexItem emotion-euiFlexItem-growZero"
diff --git a/packages/website/docs/components/layout/flex/group.mdx b/packages/website/docs/components/layout/flex/group.mdx
index f20981a59aa..cffd1debd75 100644
--- a/packages/website/docs/components/layout/flex/group.mdx
+++ b/packages/website/docs/components/layout/flex/group.mdx
@@ -151,8 +151,8 @@ The `gutterSize` prop can be applied to a parent **EuiFlexGroup** to adjust the
     'none': 'None',
     'xs': 'Extra small',
     's': 'Small',
-    'm': 'Medium',
-    'l': 'Large (default)',
+    'm': 'Medium (default)',
+    'l': 'Large',
     'xl': 'Extra large',
   } as const;
 
diff --git a/packages/website/docs/components/layout/horizontal-rule.mdx b/packages/website/docs/components/layout/horizontal-rule.mdx
index a8bbb09e272..082ce5898ce 100644
--- a/packages/website/docs/components/layout/horizontal-rule.mdx
+++ b/packages/website/docs/components/layout/horizontal-rule.mdx
@@ -63,11 +63,11 @@ export default () => (
       <ColorMarginContainer>
         <EuiHorizontalRule margin="s" />
       </ColorMarginContainer>
-      <EuiCode>m</EuiCode>
+      <EuiCode>m (default)</EuiCode>
       <ColorMarginContainer>
         <EuiHorizontalRule margin="m" />
       </ColorMarginContainer>
-      <EuiCode>l (default)</EuiCode>
+      <EuiCode>l</EuiCode>
       <ColorMarginContainer>
         <EuiHorizontalRule margin="l" />
       </ColorMarginContainer>
diff --git a/packages/website/docs/components/layout/spacer/index.mdx b/packages/website/docs/components/layout/spacer/index.mdx
index 7deeda10b95..08b37cfa6dd 100644
--- a/packages/website/docs/components/layout/spacer/index.mdx
+++ b/packages/website/docs/components/layout/spacer/index.mdx
@@ -26,12 +26,12 @@ import { SpacerPreviewWrapper } from './spacer_preview_wrapper';
       </EuiFlexItem>
 
       <EuiFlexItem>
-        <EuiCode>m</EuiCode>
+        <EuiCode>m (default)</EuiCode>
         <EuiSpacer size="m" />
       </EuiFlexItem>
 
       <EuiFlexItem>
-        <EuiCode>l (default)</EuiCode>
+        <EuiCode>l</EuiCode>
         <EuiSpacer />
       </EuiFlexItem>