diff --git a/.changeset/gold-spies-learn.md b/.changeset/gold-spies-learn.md new file mode 100644 index 0000000000..86345baedc --- /dev/null +++ b/.changeset/gold-spies-learn.md @@ -0,0 +1,5 @@ +--- +"@spectrum-css/breadcrumb": patch +--- + +Aligns breadcrumb item text node to center of container. This should ensure the text and separator icon are center-aligned. diff --git a/components/breadcrumb/index.css b/components/breadcrumb/index.css index 2f07bfcaef..11e5a68e03 100644 --- a/components/breadcrumb/index.css +++ b/components/breadcrumb/index.css @@ -176,6 +176,8 @@ display: inline-flex; white-space: nowrap; + align-items: center; + font-family: var(--mod-breadcrumbs-font-family, var(--spectrum-breadcrumbs-font-family)); font-size: var(--mod-breadcrumbs-font-size, var(--spectrum-breadcrumbs-font-size)); font-weight: var(--mod-breadcrumbs-font-weight, var(--spectrum-breadcrumbs-font-weight));