From 0b0e4f25b3f76533250b43f3e49f8d6c35fb93e4 Mon Sep 17 00:00:00 2001
From: Roman <ixrock@gmail.com>
Date: Mon, 3 Aug 2020 17:17:27 +0300
Subject: [PATCH] fix: The issue badge looks like it's disabled now
 (cluster-menu's icon badge)

Signed-off-by: Roman <ixrock@gmail.com>
---
 src/renderer/components/cluster-icon/cluster-icon.scss | 2 ++
 src/renderer/components/cluster-icon/cluster-icon.tsx  | 4 ++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/cluster-icon/cluster-icon.scss b/src/renderer/components/cluster-icon/cluster-icon.scss
index e371ccf4c6..f7e159a7c5 100644
--- a/src/renderer/components/cluster-icon/cluster-icon.scss
+++ b/src/renderer/components/cluster-icon/cluster-icon.scss
@@ -27,5 +27,7 @@
     bottom: 0;
     margin: -$padding * 1.5;
     font-size: $font-size-small;
+    background: $colorError;
+    color: white;
   }
 }
\ No newline at end of file
diff --git a/src/renderer/components/cluster-icon/cluster-icon.tsx b/src/renderer/components/cluster-icon/cluster-icon.tsx
index 5b411f3fd9..9d9a359670 100644
--- a/src/renderer/components/cluster-icon/cluster-icon.tsx
+++ b/src/renderer/components/cluster-icon/cluster-icon.tsx
@@ -46,8 +46,8 @@ export class ClusterIcon extends React.Component<Props> {
         {showTooltip && (
           <Tooltip targetId={clusterIconId}>{clusterName}</Tooltip>
         )}
-        {icon && <img src={icon} alt={clusterName} />}
-        {!icon && <Hashicon value={clusterName} options={options} />}
+        {icon && <img src={icon} alt={clusterName}/>}
+        {!icon && <Hashicon value={clusterName} options={options}/>}
         {showErrors && isAdmin && eventCount > 0 && (
           <Badge
             className={cssNames("events-count", errorClass)}