@@ -249,7 +277,11 @@ exports[` spec renders the component 1`] = `
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
- />
+ >
+
+
-
-
+ >
+
+
+
-
-
+ >
+
+
+
@@ -451,7 +459,7 @@ exports[`Search bar components renders search bar 1`] = `
size="m"
type="search"
>
-
-
+ >
+
+
+
@@ -931,7 +943,7 @@ exports[`Search bar components renders search bar 1`] = `
size="m"
type="refresh"
>
-
-
+ >
+
+
+
-
-
+ >
+
+
+
diff --git a/public/components/trace_analytics/components/common/filters/__tests__/__snapshots__/filter_edit_popover.test.tsx.snap b/public/components/trace_analytics/components/common/filters/__tests__/__snapshots__/filter_edit_popover.test.tsx.snap
index 7fde9a70a6..8dc64c168d 100644
--- a/public/components/trace_analytics/components/common/filters/__tests__/__snapshots__/filter_edit_popover.test.tsx.snap
+++ b/public/components/trace_analytics/components/common/filters/__tests__/__snapshots__/filter_edit_popover.test.tsx.snap
@@ -290,7 +290,7 @@ exports[`Filter popover component renders filter popover 1`] = `
size="m"
type="arrowDown"
>
-
-
+ >
+
+
+
@@ -554,7 +558,7 @@ exports[`Filter popover component renders filter popover 1`] = `
size="m"
type="arrowDown"
>
-
-
+ >
+
+
+
diff --git a/public/components/trace_analytics/components/common/filters/__tests__/__snapshots__/filters.test.tsx.snap b/public/components/trace_analytics/components/common/filters/__tests__/__snapshots__/filters.test.tsx.snap
index 3d483d4dd2..e886fa6400 100644
--- a/public/components/trace_analytics/components/common/filters/__tests__/__snapshots__/filters.test.tsx.snap
+++ b/public/components/trace_analytics/components/common/filters/__tests__/__snapshots__/filters.test.tsx.snap
@@ -80,7 +80,7 @@ exports[`Filter component renders filters 1`] = `
size="m"
type="filter"
>
-
-
+ >
+
+
+
diff --git a/public/components/trace_analytics/components/dashboard/__tests__/__snapshots__/dashboard.test.tsx.snap b/public/components/trace_analytics/components/dashboard/__tests__/__snapshots__/dashboard.test.tsx.snap
index f828066af8..1fff402475 100644
--- a/public/components/trace_analytics/components/dashboard/__tests__/__snapshots__/dashboard.test.tsx.snap
+++ b/public/components/trace_analytics/components/dashboard/__tests__/__snapshots__/dashboard.test.tsx.snap
@@ -1405,7 +1405,7 @@ exports[`Dashboard component renders empty dashboard 1`] = `
size="m"
type="arrowDown"
>
-
-
+ >
+
+
+
-
-
+ >
+
+
+
-
-
+ >
+
+
+
@@ -1241,7 +1249,7 @@ exports[`Dashboard table component renders dashboard table 1`] = `
size="s"
type="questionInCircle"
>
-
-
+ >
+
+
+
@@ -1291,7 +1303,7 @@ exports[`Dashboard table component renders dashboard table 1`] = `
size="m"
type="sortDown"
>
-
-
+ >
+
+
+
@@ -1391,7 +1407,7 @@ exports[`Dashboard table component renders dashboard table 1`] = `
size="s"
type="questionInCircle"
>
-
-
+ >
+
+
+
@@ -1489,7 +1509,7 @@ exports[`Dashboard table component renders dashboard table 1`] = `
size="s"
type="questionInCircle"
>
-
-
+ >
+
+
+
@@ -1597,7 +1621,7 @@ exports[`Dashboard table component renders dashboard table 1`] = `
size="s"
type="questionInCircle"
>
-
-
+ >
+
+
+
@@ -1706,7 +1734,7 @@ exports[`Dashboard table component renders dashboard table 1`] = `
size="s"
type="questionInCircle"
>
-
-
+ >
+
+
+
@@ -1828,7 +1860,7 @@ exports[`Dashboard table component renders dashboard table 1`] = `
size="s"
type="questionInCircle"
>
-
-
+ >
+
+
+
@@ -1959,7 +1995,7 @@ exports[`Dashboard table component renders dashboard table 1`] = `
size="s"
type="questionInCircle"
>
-
-
+ >
+
+
+
@@ -2397,7 +2437,7 @@ exports[`Dashboard table component renders dashboard table 1`] = `
size="s"
type="questionInCircle"
>
-
-
+ >
+
+
+
@@ -2506,7 +2550,7 @@ exports[`Dashboard table component renders dashboard table 1`] = `
size="s"
type="questionInCircle"
>
-
-
+ >
+
+
+
@@ -2615,7 +2663,7 @@ exports[`Dashboard table component renders dashboard table 1`] = `
size="s"
type="questionInCircle"
>
-
-
+ >
+
+
+
@@ -2734,7 +2786,7 @@ exports[`Dashboard table component renders dashboard table 1`] = `
size="s"
type="questionInCircle"
>
-
-
+ >
+
+
+
@@ -2916,7 +2972,7 @@ exports[`Dashboard table component renders dashboard table 1`] = `
size="s"
type="arrowDown"
>
-
-
+ >
+
+
+
-
-
+ >
+
+
+
@@ -3155,7 +3219,7 @@ exports[`Dashboard table component renders dashboard table 1`] = `
size="m"
type="arrowRight"
>
-
-
+ >
+
+
+
diff --git a/public/components/trace_analytics/components/dashboard/__tests__/__snapshots__/latency_trend_cell.test.tsx.snap b/public/components/trace_analytics/components/dashboard/__tests__/__snapshots__/latency_trend_cell.test.tsx.snap
index 4b415df6f9..6c4844fa12 100644
--- a/public/components/trace_analytics/components/dashboard/__tests__/__snapshots__/latency_trend_cell.test.tsx.snap
+++ b/public/components/trace_analytics/components/dashboard/__tests__/__snapshots__/latency_trend_cell.test.tsx.snap
@@ -142,7 +142,7 @@ exports[`Latency trend cell component renders latency trend cell 1`] = `
size="m"
type="magnifyWithPlus"
>
-
-
+ >
+
+
+
diff --git a/public/components/trace_analytics/components/dashboard/__tests__/__snapshots__/mode_picker.test.tsx.snap b/public/components/trace_analytics/components/dashboard/__tests__/__snapshots__/mode_picker.test.tsx.snap
index 469f17277f..95690a4bae 100644
--- a/public/components/trace_analytics/components/dashboard/__tests__/__snapshots__/mode_picker.test.tsx.snap
+++ b/public/components/trace_analytics/components/dashboard/__tests__/__snapshots__/mode_picker.test.tsx.snap
@@ -86,7 +86,7 @@ exports[`Mode picker component renders mode picker 1`] = `
size="m"
type="arrowDown"
>
-
-
+ >
+
+
+
-
-
+ >
+
+
+
+ >
+
+
@@ -674,7 +686,7 @@ exports[`Mode picker component renders mode picker 2`] = `
size="s"
type="search"
>
-
-
+ >
+
+
+
diff --git a/public/components/trace_analytics/components/dashboard/__tests__/__snapshots__/top_error_rates_table.test.tsx.snap b/public/components/trace_analytics/components/dashboard/__tests__/__snapshots__/top_error_rates_table.test.tsx.snap
index 71733fa84d..dee301c004 100644
--- a/public/components/trace_analytics/components/dashboard/__tests__/__snapshots__/top_error_rates_table.test.tsx.snap
+++ b/public/components/trace_analytics/components/dashboard/__tests__/__snapshots__/top_error_rates_table.test.tsx.snap
@@ -805,7 +805,7 @@ exports[`Error Rates Table component renders top error rates table with data 1`]
size="s"
type="arrowDown"
>
-
-
-
+ >
+
+
+
@@ -1056,7 +1064,7 @@ exports[`Error Rates Table component renders top error rates table with data 1`]
size="s"
type="questionInCircle"
>
-
-
+ >
+
+
+
@@ -1154,7 +1166,7 @@ exports[`Error Rates Table component renders top error rates table with data 1`]
size="s"
type="questionInCircle"
>
-
-
+ >
+
+
+
@@ -1262,7 +1278,7 @@ exports[`Error Rates Table component renders top error rates table with data 1`]
size="s"
type="questionInCircle"
>
-
-
+ >
+
+
+
@@ -1384,7 +1404,7 @@ exports[`Error Rates Table component renders top error rates table with data 1`]
size="s"
type="questionInCircle"
>
-
-
+ >
+
+
+
@@ -1508,7 +1532,7 @@ exports[`Error Rates Table component renders top error rates table with data 1`]
size="s"
type="questionInCircle"
>
-
-
+ >
+
+
+
@@ -1617,7 +1645,7 @@ exports[`Error Rates Table component renders top error rates table with data 1`]
size="s"
type="questionInCircle"
>
-
-
+ >
+
+
+
@@ -1736,7 +1768,7 @@ exports[`Error Rates Table component renders top error rates table with data 1`]
size="s"
type="questionInCircle"
>
-
-
+ >
+
+
+
@@ -1914,7 +1950,7 @@ exports[`Error Rates Table component renders top error rates table with data 1`]
size="s"
type="arrowDown"
>
-
-
+ >
+
+
+
-
-
+ >
+
+
+
@@ -2153,7 +2197,7 @@ exports[`Error Rates Table component renders top error rates table with data 1`]
size="m"
type="arrowRight"
>
-
-
+ >
+
+
+
diff --git a/public/components/trace_analytics/components/dashboard/__tests__/__snapshots__/top_latency_table.test.tsx.snap b/public/components/trace_analytics/components/dashboard/__tests__/__snapshots__/top_latency_table.test.tsx.snap
index d0279c1869..edcc7059d9 100644
--- a/public/components/trace_analytics/components/dashboard/__tests__/__snapshots__/top_latency_table.test.tsx.snap
+++ b/public/components/trace_analytics/components/dashboard/__tests__/__snapshots__/top_latency_table.test.tsx.snap
@@ -1164,7 +1164,7 @@ exports[`Latency Table component renders top error rates table with data 1`] = `
size="s"
type="arrowDown"
>
-
-
+ >
+
+
+
-
-
+ >
+
+
+
@@ -1421,7 +1429,7 @@ exports[`Latency Table component renders top error rates table with data 1`] = `
size="s"
type="questionInCircle"
>
-
-
+ >
+
+
+
@@ -1471,7 +1483,7 @@ exports[`Latency Table component renders top error rates table with data 1`] = `
size="m"
type="sortDown"
>
-
-
+ >
+
+
+
@@ -1571,7 +1587,7 @@ exports[`Latency Table component renders top error rates table with data 1`] = `
size="s"
type="questionInCircle"
>
-
-
+ >
+
+
+
@@ -1680,7 +1700,7 @@ exports[`Latency Table component renders top error rates table with data 1`] = `
size="s"
type="questionInCircle"
>
-
-
+ >
+
+
+
@@ -1789,7 +1813,7 @@ exports[`Latency Table component renders top error rates table with data 1`] = `
size="s"
type="questionInCircle"
>
-
-
+ >
+
+
+
@@ -1911,7 +1939,7 @@ exports[`Latency Table component renders top error rates table with data 1`] = `
size="s"
type="questionInCircle"
>
-
-
+ >
+
+
+
@@ -2042,7 +2074,7 @@ exports[`Latency Table component renders top error rates table with data 1`] = `
size="s"
type="questionInCircle"
>
-
-
+ >
+
+
+
@@ -2480,7 +2516,7 @@ exports[`Latency Table component renders top error rates table with data 1`] = `
size="s"
type="questionInCircle"
>
-
-
+ >
+
+
+
@@ -2589,7 +2629,7 @@ exports[`Latency Table component renders top error rates table with data 1`] = `
size="s"
type="questionInCircle"
>
-
-
+ >
+
+
+
@@ -2708,7 +2752,7 @@ exports[`Latency Table component renders top error rates table with data 1`] = `
size="s"
type="questionInCircle"
>
-
-
+ >
+
+
+
@@ -2886,7 +2934,7 @@ exports[`Latency Table component renders top error rates table with data 1`] = `
size="s"
type="arrowDown"
>
-
-
+ >
+
+
+
-
-
+ >
+
+
+
@@ -3125,7 +3181,7 @@ exports[`Latency Table component renders top error rates table with data 1`] = `
size="m"
type="arrowRight"
>
-
-
+ >
+
+
+
diff --git a/public/components/trace_analytics/components/services/__tests__/__snapshots__/services.test.tsx.snap b/public/components/trace_analytics/components/services/__tests__/__snapshots__/services.test.tsx.snap
index 042830c076..b4e2ead80a 100644
--- a/public/components/trace_analytics/components/services/__tests__/__snapshots__/services.test.tsx.snap
+++ b/public/components/trace_analytics/components/services/__tests__/__snapshots__/services.test.tsx.snap
@@ -282,7 +282,7 @@ exports[`Services component renders empty services page 1`] = `
size="m"
type="arrowDown"
>
-
-
+ >
+
+
+
-
-
+ >
+
+
+
@@ -922,7 +930,7 @@ exports[`Services component renders empty services page 1`] = `
size="s"
type="arrowDown"
>
-
-
+ >
+
+
+
-
-
+ >
+
+
+
@@ -1076,7 +1092,7 @@ exports[`Services component renders empty services page 1`] = `
size="m"
type="refresh"
>
-
-
+ >
+
+
+
-
-
+ >
+
+
+
@@ -1875,7 +1899,7 @@ exports[`Services component renders empty services page 1`] = `
size="m"
type="search"
>
-
-
+ >
+
+
+
@@ -2042,7 +2070,7 @@ exports[`Services component renders empty services page 1`] = `
size="m"
type="arrowRight"
>
-
-
+ >
+
+
+
-
-
+ >
+
+
+
-
-
+ >
+
+
+
@@ -3065,7 +3073,7 @@ exports[`Services table component renders services table 1`] = `
size="s"
type="arrowDown"
>
-
-
+ >
+
+
+
-
-
+ >
+
+
+
@@ -3304,7 +3320,7 @@ exports[`Services table component renders services table 1`] = `
size="m"
type="arrowRight"
>
-
-
+ >
+
+
+
diff --git a/public/components/trace_analytics/components/traces/__tests__/__snapshots__/service_breakdown_panel.test.tsx.snap b/public/components/trace_analytics/components/traces/__tests__/__snapshots__/service_breakdown_panel.test.tsx.snap
index db4ecbdadf..9024b9fa83 100644
--- a/public/components/trace_analytics/components/traces/__tests__/__snapshots__/service_breakdown_panel.test.tsx.snap
+++ b/public/components/trace_analytics/components/traces/__tests__/__snapshots__/service_breakdown_panel.test.tsx.snap
@@ -318,7 +318,7 @@ exports[`Service breakdown panel component renders service breakdown panel 1`] =
color="#7492e7"
type="dot"
>
-
-
+ >
+
+
+
diff --git a/public/components/trace_analytics/components/traces/__tests__/__snapshots__/span_detail_flyout.test.tsx.snap b/public/components/trace_analytics/components/traces/__tests__/__snapshots__/span_detail_flyout.test.tsx.snap
index e4eb22e85d..4f5a9b424e 100644
--- a/public/components/trace_analytics/components/traces/__tests__/__snapshots__/span_detail_flyout.test.tsx.snap
+++ b/public/components/trace_analytics/components/traces/__tests__/__snapshots__/span_detail_flyout.test.tsx.snap
@@ -60,7 +60,11 @@ exports[` spec renders the empty component 1`] = `
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
- />
+ >
+
+
spec renders the empty component 1`] = `
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
- />
+ >
+
+
spec renders the empty component 1`] = `
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
- />
+ >
+
+
spec renders the empty component 1`] = `
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
- />
+ >
+
+
spec renders the empty component 1`] = `
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
- />
+ >
+
+
spec renders the empty component 1`] = `
size="m"
type="cross"
>
- spec renders the empty component 1`] = `
viewBox="0 0 16 16"
width={16}
xmlns="http://www.w3.org/2000/svg"
- />
-
+ >
+
+
+
diff --git a/public/components/trace_analytics/components/traces/__tests__/__snapshots__/traces.test.tsx.snap b/public/components/trace_analytics/components/traces/__tests__/__snapshots__/traces.test.tsx.snap
index 1be451ac0a..eb5619545b 100644
--- a/public/components/trace_analytics/components/traces/__tests__/__snapshots__/traces.test.tsx.snap
+++ b/public/components/trace_analytics/components/traces/__tests__/__snapshots__/traces.test.tsx.snap
@@ -281,7 +281,7 @@ exports[`Traces component renders empty traces page 1`] = `
size="m"
type="arrowDown"
>
-
-
+ >
+
+
+
-
-
+ >
+
+
+
@@ -920,7 +928,7 @@ exports[`Traces component renders empty traces page 1`] = `
size="s"
type="arrowDown"
>
-
-
+ >
+
+
+
-
-
+ >
+
+
+
@@ -1074,7 +1090,7 @@ exports[`Traces component renders empty traces page 1`] = `
size="m"
type="refresh"
>
-