From b6723b25a752b6935ce68fa83974808098854ace Mon Sep 17 00:00:00 2001
From: tetchi <tetsuro.takara@gmail.com>
Date: Mon, 15 Jul 2019 16:32:34 -0400
Subject: [PATCH] [ActionList] Fix color of icon in destructive ActionList item
 (#1836)

* Fix color of icon in destructive ActionList item

* Update UNRELEASED
---
 UNRELEASED.md                             | 1 +
 src/components/ActionList/ActionList.scss | 1 +
 2 files changed, 2 insertions(+)

diff --git a/UNRELEASED.md b/UNRELEASED.md
index 48d6b4fddb1..7f617ad11d9 100644
--- a/UNRELEASED.md
+++ b/UNRELEASED.md
@@ -22,6 +22,7 @@ Use [the changelog guidelines](https://git.io/polaris-changelog-guidelines) to f
 - Fixed a bug preventing the display of `Tooltip` when cursor enters from a disabled element ([#1783](https://github.com/Shopify/polaris-react/pull/1783)).
 - Fixed React imports in the `Filters` component to use `import * as React` for projects that don't use `esModuleInterop` ([#1820](https://github.com/Shopify/polaris-react/pull/1820))
 - Fixed `tabIndex` on `main` element causing event delegation issues ([#1821](https://github.com/Shopify/polaris-react/pull/1821))
+- Fixed icon color for destructive ActionList items ([#1836](https://github.com/Shopify/polaris-react/pull/1836))
 
 ### Documentation
 
diff --git a/src/components/ActionList/ActionList.scss b/src/components/ActionList/ActionList.scss
index f7e0b341800..b71c5c76324 100644
--- a/src/components/ActionList/ActionList.scss
+++ b/src/components/ActionList/ActionList.scss
@@ -77,6 +77,7 @@ $item-vertical-padding: ($item-min-height - line-height(body)) / 2;
   }
 
   &.destructive {
+    @include recolor-icon(color('red', 'dark'));
     color: color('red', 'dark');
 
     &:active {