From e0311da8cfa928b804ef4f088e4a6c4250c023c0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Tue, 30 Apr 2019 23:28:56 +0100
Subject: [PATCH] fix(ui): fix styling of the close icon on filter input button

---
 ui/src/Components/Labels/FilterInputLabel/index.js | 11 ++---------
 1 file changed, 2 insertions(+), 9 deletions(-)

diff --git a/ui/src/Components/Labels/FilterInputLabel/index.js b/ui/src/Components/Labels/FilterInputLabel/index.js
index 490266f39..d2e18cef2 100644
--- a/ui/src/Components/Labels/FilterInputLabel/index.js
+++ b/ui/src/Components/Labels/FilterInputLabel/index.js
@@ -100,17 +100,10 @@ const FilterInputLabel = observer(
             />
           </TooltipWrapper>
           <span
-            className="close ml-1 align-text-bottom cursor-pointer"
-            style={filter.applied ? cs.style : {}}
+            className="close ml-1 align-text-bottom cursor-pointer text-reset"
             onClick={() => alertStore.filters.removeFilter(filter.raw)}
           >
-            <span
-              className={cs.colorClassNames
-                .filter(c => !c.match(/btn-|badge-/))
-                .join(" ")}
-            >
-              &times;
-            </span>
+            <span className="text-reset">&times;</span>
           </span>
         </button>
       );