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)}