From 1c3ab946a643395536cf4fb640ab1bad1547636a Mon Sep 17 00:00:00 2001
From: Jari Kolehmainen <jari.kolehmainen@gmail.com>
Date: Fri, 23 Apr 2021 11:44:09 +0300
Subject: [PATCH] fix styles

Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>
---
 src/renderer/components/hotbar/hotbar-icon.scss | 2 +-
 src/renderer/components/hotbar/hotbar-icon.tsx  | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/renderer/components/hotbar/hotbar-icon.scss b/src/renderer/components/hotbar/hotbar-icon.scss
index 87756383db..80252addae 100644
--- a/src/renderer/components/hotbar/hotbar-icon.scss
+++ b/src/renderer/components/hotbar/hotbar-icon.scss
@@ -38,7 +38,7 @@
       }
     }
 
-    .Icon {
+    .badge {
       color: $textColorAccent;
       position: absolute;
       right: 0;
diff --git a/src/renderer/components/hotbar/hotbar-icon.tsx b/src/renderer/components/hotbar/hotbar-icon.tsx
index a4ecf820f5..94a80df16a 100644
--- a/src/renderer/components/hotbar/hotbar-icon.tsx
+++ b/src/renderer/components/hotbar/hotbar-icon.tsx
@@ -57,16 +57,17 @@ export class HotbarIcon extends React.Component<Props> {
   }
 
   get badgeIcon() {
+    const className = "badge";
     const category = catalogCategoryRegistry.getCategoryForEntity(this.props.entity);
 
     if (!category) {
-      return <Icon material="bug_report" />;
+      return <Icon material="bug_report" className={className} />;
     }
 
     if (category.metadata.icon.includes("<svg")) {
-      return <Icon svg={category.metadata.icon} />;
+      return <Icon svg={category.metadata.icon} className={className} />;
     } else {
-      return <Icon material={category.metadata.icon} />;
+      return <Icon material={category.metadata.icon} className={className} />;
     }
   }