From caf98018998128de5f63e6af949517108494862b Mon Sep 17 00:00:00 2001
From: Caroline Horn <549577+cchaos@users.noreply.github.com>
Date: Fri, 25 May 2018 15:26:32 -0400
Subject: [PATCH] Fixed alignment of breadcrumb slashes when truncating (#878)

---
 CHANGELOG.md                                 | 1 +
 src/components/breadcrumbs/_breadcrumbs.scss | 1 +
 2 files changed, 2 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8c48aebd1bb..31f5098f8cc 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -21,6 +21,7 @@ which let you apply custom props to rows and props ([#869](https://github.com/el
 - Fixed `EuiCard` description text color when used in/as an anchor tag ([#864](https://github.com/elastic/eui/pull/864))
 - Fixed `EuiCard` IE bugs ([#864](https://github.com/elastic/eui/pull/864))
 - Fixed button labeling for `EuiFormControlLayout` and `EuiComboBox` accessibility ([#876](https://github.com/elastic/eui/pull/876))
+- Fixed `EuiBreadcrumb` slash alignment when truncating ([#878](https://github.com/elastic/eui/pull/878))
 
 ## [`0.0.49`](https://github.com/elastic/eui/tree/v0.0.49)
 
diff --git a/src/components/breadcrumbs/_breadcrumbs.scss b/src/components/breadcrumbs/_breadcrumbs.scss
index bfbc97deb01..c150e59e000 100644
--- a/src/components/breadcrumbs/_breadcrumbs.scss
+++ b/src/components/breadcrumbs/_breadcrumbs.scss
@@ -70,5 +70,6 @@
     max-width: 150px;
     text-overflow: ellipsis;
     overflow: hidden;
+    vertical-align: top; // overflow hidden causes misalignment of links and slashes, this fixes that
   }
 }