From 8f18c2cd1d163a3d6ea455c31bb1ae63e8ec2b85 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Wed, 17 Nov 2021 10:28:28 +0300
Subject: [PATCH] Adding hover effect to catalog details icons

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 .../components/+catalog/catalog-entity-drawer-menu.tsx       | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/+catalog/catalog-entity-drawer-menu.tsx b/src/renderer/components/+catalog/catalog-entity-drawer-menu.tsx
index 44c2c6f6cc..525afeea68 100644
--- a/src/renderer/components/+catalog/catalog-entity-drawer-menu.tsx
+++ b/src/renderer/components/+catalog/catalog-entity-drawer-menu.tsx
@@ -87,6 +87,7 @@ export class CatalogEntityDrawerMenu<T extends CatalogEntity> extends React.Comp
       items.push(
         <MenuItem key={menuItem.title} onClick={() => this.onMenuItemClick(menuItem)}>
           <Icon
+            interactive
             tooltip={menuItem.title}
             {...{ [key]: menuItem.icon }}
           />
@@ -98,8 +99,8 @@ export class CatalogEntityDrawerMenu<T extends CatalogEntity> extends React.Comp
       <HotbarToggleMenuItem
         key="hotbar-toggle"
         entity={entity}
-        addContent={<Icon material="push_pin" small tooltip="Add to Hotbar"/>}
-        removeContent={<Icon svg="push_off" small tooltip="Remove from Hotbar"/>}
+        addContent={<Icon material="push_pin" interactive small tooltip="Add to Hotbar"/>}
+        removeContent={<Icon svg="push_off" interactive small tooltip="Remove from Hotbar"/>}
       />,
     );