diff --git a/CHANGELOG.md b/CHANGELOG.md
index 88779abfb6a..dbeda7b5afa 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,8 @@
# [`master`](https://github.com/elastic/eui/tree/master)
-No public interface changes since `0.0.39`.
+**Bug fixes**
+
+- Fix visual shadow glitch on hover of `EuiToast` ([#632](https://github.com/elastic/eui/pull/632))
# [`0.0.39`](https://github.com/elastic/eui/tree/v0.0.39)
diff --git a/src-docs/src/views/toast/toast_example.js b/src-docs/src/views/toast/toast_example.js
index ea7a48fd634..b46ac501573 100644
--- a/src-docs/src/views/toast/toast_example.js
+++ b/src-docs/src/views/toast/toast_example.js
@@ -55,7 +55,7 @@ export const ToastExample = {
EuiGlobalToastListItem,
},
demo: (
-
+
Add toast to global toast list
@@ -89,7 +89,7 @@ export const ToastExample = {
),
demo: (
-
+
),
@@ -108,7 +108,7 @@ export const ToastExample = {
),
demo: (
-
+
),
@@ -127,7 +127,7 @@ export const ToastExample = {
),
demo: (
-
+
),
@@ -146,7 +146,7 @@ export const ToastExample = {
),
demo: (
-
+
),
@@ -165,7 +165,7 @@ export const ToastExample = {
),
demo: (
-
+
),
diff --git a/src/components/toast/_global_toast_list.scss b/src/components/toast/_global_toast_list.scss
index 5126343b01a..12c13474ede 100644
--- a/src/components/toast/_global_toast_list.scss
+++ b/src/components/toast/_global_toast_list.scss
@@ -13,8 +13,9 @@
z-index: $euiZToastList;
bottom: 0;
right: 0;
- width: $euiToastWidth + $euiSize; /* 3 */
+ width: $euiToastWidth + $euiSize + $euiSizeXL; /* 3 */
padding-right: $euiSize;
+ padding-left: $euiSizeXL;
max-height: 100vh; /* 1 */
&:hover {
@@ -64,4 +65,3 @@
width: 100%; /* 1 */
}
}
-