diff --git a/src/core/public/_variables.scss b/src/core/public/_variables.scss
index 9d8077b50ad..b36b21eb667 100644
--- a/src/core/public/_variables.scss
+++ b/src/core/public/_variables.scss
@@ -1,3 +1,6 @@
@import "@elastic/eui/src/global_styling/variables/header";
$osdHeaderOffset: $euiHeaderHeightCompensation;
+$osdHeaderBreadcrumbBlueBackground: #b9d9eb;
+$osdHeaderBreadcrumbGrayBackground: #d9e1e2;
+$osdHeaderBreadcrumbCollapsedLink: #002a3a;
diff --git a/src/core/public/chrome/public/assets/round_filter.svg b/src/core/public/chrome/public/assets/round_filter.svg
new file mode 100644
index 00000000000..84cf3605855
--- /dev/null
+++ b/src/core/public/chrome/public/assets/round_filter.svg
@@ -0,0 +1,8 @@
+
\ No newline at end of file
diff --git a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
index a3ee7aec2cd..b2af9f57e01 100644
--- a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
+++ b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
@@ -3595,11 +3595,13 @@ exports[`Header handles visibility and lock changes 1`] = `
breadcrumbs={
Array [
Object {
+ "className": "osdBreadcrumbs",
"data-test-subj": "breadcrumb first last",
"text": "test",
},
]
}
+ className="osdHeaderBreadcrumbs"
data-test-subj="breadcrumbs"
max={10}
>
@@ -3607,25 +3609,26 @@ exports[`Header handles visibility and lock changes 1`] = `
breadcrumbs={
Array [
Object {
+ "className": "osdBreadcrumbs",
"data-test-subj": "breadcrumb first last",
"text": "test",
},
]
}
- className="euiHeaderBreadcrumbs"
+ className="euiHeaderBreadcrumbs osdHeaderBreadcrumbs"
data-test-subj="breadcrumbs"
max={10}
truncate={true}
>